/* PROPUESTA C — «Clásica contemporánea»
   Marfil, burdeos y filetes dorados. Composición centrada y simétrica,
   como una invitación de gala o el programa de un casino histórico.
   Titulares en Cormorant Garamond; textos en Manrope. */

@font-face{font-family:'Cormorant Garamond';font-weight:500;font-display:swap;src:url(../fuentes/cormorant-garamond-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:600;font-display:swap;src:url(../fuentes/cormorant-garamond-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:500;font-style:italic;font-display:swap;src:url(../fuentes/cormorant-garamond-latin-500-italic.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-weight:400;font-display:swap;src:url(../fuentes/manrope-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-weight:500;font-display:swap;src:url(../fuentes/manrope-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-weight:600;font-display:swap;src:url(../fuentes/manrope-latin-600-normal.woff2) format('woff2')}

:root{
  --marfil:#f8f5ee; --papel:#fffdf8;
  --burdeos:#8c2027; --rojo:#a3262d; --rojo-osc:#8c2027;
  --oro:#a8854a; --oro-claro:#d9c39a;
  --tinta:#221d18; --gris:#6d655b; --linea:#e4dccd; --suave:#f1ece1;
  --pie:#1f1a16;
  --serif:'Cormorant Garamond','EB Garamond',Garamond,serif;
  --sans:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
}
body{background:var(--marfil);font-size:1.02rem;line-height:1.75;color:#2d2822}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:.005em;color:var(--tinta)}
a{color:var(--burdeos)}

/* Cabecera centrada: escudo arriba, menú debajo entre filetes */
.cabecera{background:var(--papel);border-bottom:1px solid var(--linea)}
.cabecera::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--linea)}
.cabecera .contenedor{flex-direction:column;justify-content:center;gap:.4rem;min-height:0;padding-top:1.1rem;padding-bottom:.9rem}
.logo img{height:4.25rem}
.cabecera.con-sombra{box-shadow:0 8px 24px rgba(34,29,24,.06)}
.cabecera.con-sombra .contenedor{flex-direction:row;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}
.cabecera.con-sombra .logo img{height:2.75rem}
.nav>ul{gap:.5rem}
.nav>ul>li>a,.nav .grupo>button{font:500 .78rem var(--sans);text-transform:uppercase;letter-spacing:.2em;color:var(--tinta);padding:.6rem 1rem}
.nav>ul>li>a:hover,.nav .grupo>button:hover,.nav .actual>a,.nav .actual>button{color:var(--burdeos)}
.nav .actual>a,.nav .actual>button{box-shadow:inset 0 -1px 0 var(--oro)}
.sub{border-top:1px solid var(--oro);box-shadow:0 18px 40px rgba(34,29,24,.12);background:var(--papel);left:50%;transform:translateX(-50%);text-align:center}
.sub a{font-family:var(--serif);font-size:1.15rem;padding:.45rem 1.4rem}
.sub a:hover,.sub a[aria-current="page"]{background:var(--suave);color:var(--burdeos)}
.menu-boton{font:500 .78rem var(--sans);letter-spacing:.2em}
@media (max-width:960px){
  .cabecera .contenedor,.cabecera.con-sombra .contenedor{flex-direction:row;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}
  .logo img,.cabecera.con-sombra .logo img{height:3rem}
  .nav{background:var(--papel);text-align:center}
  .nav>ul>li>a,.nav .grupo>button{justify-content:center}
  .sub{transform:none}
}

/* Azulejo: solo un ribete sobre el pie */
.cabecera+.azulejo{display:none}
.azulejo{height:22px;background-size:22px 22px;border-top:1px solid var(--oro);border-bottom:1px solid var(--oro)}

/* Portada: foto enmarcada con filete dorado y título centrado */
.carrusel{height:clamp(30rem,82vh,52rem);margin:1.25rem;background:#2a241e}
.carrusel::before{content:"";position:absolute;inset:1.25rem;border:1px solid rgba(217,195,154,.7);z-index:2;pointer-events:none}
.carrusel::after{background:radial-gradient(ellipse at center,rgba(20,16,12,.25) 0%,rgba(20,16,12,.65) 100%)}
.carrusel .rotulo{top:50%;bottom:auto;transform:translateY(-50%);text-align:center}
.carrusel .rotulo .contenedor::before{content:"MCM";display:block;font:500 .8rem var(--sans);letter-spacing:.5em;color:var(--oro-claro);margin-bottom:1.25rem}
.carrusel .rotulo h1{font-family:var(--serif);font-weight:500;font-size:clamp(3rem,7.5vw,6.25rem);line-height:1;letter-spacing:.01em;margin:0 auto .75rem;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.carrusel .rotulo p{font:italic 500 clamp(1.25rem,2.2vw,1.75rem) var(--serif);color:var(--oro-claro)}
.carrusel .rotulo p::before,.carrusel .rotulo p::after{content:"";display:inline-block;width:3rem;height:1px;background:var(--oro-claro);vertical-align:middle;margin:0 1rem}
.carrusel .flecha{background:transparent;border:1px solid rgba(255,255,255,.4);z-index:3}
.carrusel .ant{left:2.5rem}.carrusel .sig{right:2.5rem}
.carrusel .puntos{left:50%;right:auto;transform:translateX(-50%);bottom:2.75rem}
.carrusel .puntos button{width:.5rem;height:.5rem;border-width:1px;border-color:var(--oro-claro)}
.carrusel .puntos button[aria-current="true"]{background:var(--oro-claro)}
@media (max-width:600px){.carrusel{margin:.5rem;height:78vh}.carrusel::before{inset:.6rem}.carrusel .rotulo p::before,.carrusel .rotulo p::after{width:1.25rem;margin:0 .5rem}}

/* Bienvenida centrada con escudo */
.bienvenida{grid-template-columns:1fr;justify-items:center;text-align:center;padding:5.5rem 0 3.5rem;gap:1.5rem}
.bienvenida .escudo{order:-1;width:5.5rem}
.bienvenida .texto{max-width:44rem}
.bienvenida .desde{font:500 .75rem var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--oro)}
.bienvenida h2{font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.1}
.bienvenida p{font-size:1.08rem}
.bienvenida .texto::after{content:"◆";display:block;color:var(--oro);font-size:.7rem;margin-top:2.5rem;letter-spacing:0}

/* Accesos: fotos con paspartú */
.accesos{gap:2rem;padding:1rem 0 6rem}
.accesos a{text-align:center}
.accesos .foto{background:var(--papel);padding:.5rem;border:1px solid var(--linea);aspect-ratio:3/4;margin-bottom:1.25rem}
.accesos .foto img{transition:transform 1.2s ease}
.accesos h3{font-size:1.75rem;margin-bottom:.35rem}
.accesos a:hover h3{color:var(--burdeos)}
.accesos p{font-size:.95rem;padding:0 .5rem}

/* Interiores: título centrado con ornamento */
.titular{text-align:center;padding:4rem 0 2.5rem}
.titular h1{font-size:clamp(2.8rem,6vw,4.5rem);margin:0}
.titular h1::after{content:"";display:block;width:7rem;height:9px;margin:1.25rem auto 0;background:linear-gradient(var(--oro),var(--oro)) left center/2.75rem 1px no-repeat,linear-gradient(var(--oro),var(--oro)) right center/2.75rem 1px no-repeat,radial-gradient(circle,var(--oro) 3px,transparent 3.5px) center/9px 9px no-repeat}
.migas{font:500 .72rem var(--sans);letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.25rem}
.migas a{color:var(--gris);text-decoration:none}
.titular+.texto,.titular+p.texto{margin-left:auto;margin-right:auto;text-align:center}

/* Componentes */
.boton{border-radius:0;background:var(--burdeos);font:600 .75rem var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:.75rem 1.4rem}
.boton:hover{background:#6e171d}
.boton.claro{background:transparent;color:var(--tinta);box-shadow:inset 0 0 0 1px var(--oro)}
.boton.claro:hover{background:var(--suave)}
.archivos li,.caja-form,.desplegable,.fuentes-lista a{background:var(--papel);border-color:var(--linea);border-radius:0}
.archivos .icono path:first-child{fill:var(--burdeos)}.archivos .icono path:nth-child(2){fill:#6e171d}
.archivos h3{font:500 1.35rem/1.2 var(--serif)}
.fotos a,.columnas figure a,.ev-foto a{background:var(--papel);padding:.35rem;border:1px solid var(--linea)}
.recorrido .num{font:500 .72rem var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--oro)}
.recorrido h2{font-size:2.2rem}
.eventos .fecha{font:italic 500 1.35rem var(--serif);color:var(--burdeos)}
.eventos h2{font-size:2rem}
.cargos span,.lista-cargos span{color:var(--burdeos)}
.datos dt{font:500 .72rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--oro)}
.datos dd{font-family:var(--serif);font-size:1.35rem}
.albumes a{border-radius:0;border-color:var(--oro-claro);font-family:var(--serif);font-size:1.1rem}

/* Historia */
.entradilla{font-family:var(--serif);font-size:1.6rem;line-height:1.45}
.cifras{border-top:1px solid var(--oro);border-bottom:1px solid var(--oro)}
.cifras dd{font-family:var(--serif);font-weight:500;color:var(--burdeos);font-size:clamp(2.6rem,5vw,3.6rem)}
.cifras dt{font:500 .7rem var(--sans);letter-spacing:.18em;text-transform:uppercase}
.cronologia h2,.en-cifras h2,.cargos-hist h2,.fuentes h2{text-align:center;font-size:clamp(2.2rem,4vw,3rem)}
.cronologia>.texto{margin:0 auto;text-align:center}
.filtros .fila{justify-content:center}
.chip{border-radius:0;background:transparent;border-color:var(--linea);font-size:.85rem}
.chip.activo,.chip[aria-pressed="true"]:not(.cat){background:var(--tinta);border-color:var(--tinta)}
.buscar input{border-radius:0;background:var(--papel)}
.decadas{background:rgba(248,245,238,.96);justify-content:center}
.decadas a{font-family:var(--serif);font-size:1.15rem}
.decadas a.actual{color:var(--burdeos);border-bottom-color:var(--oro)}
.linea::before{background:var(--oro);width:1px}
.ev::before{border-width:1px;background:var(--marfil)}
.ev-anio>span:first-child{font-family:var(--serif);font-weight:500;font-size:2.3rem}
.ev.clave .ev-anio>span:first-child{font-size:3rem;color:var(--burdeos)}
.ev h3{font-size:1.6rem}
.ev.clave h3{font-size:2.1rem}
.ev.clave .ev-cuerpo{background:var(--papel);border:1px solid var(--linea);border-left:1px solid var(--linea);box-shadow:inset 3px 0 0 var(--c)}
.ev-casa{--c:#2c326a}.ev-vida{--c:#a3262d}.ev-socios{--c:#a8854a}.ev-cultura{--c:#4a6b55}.ev-curioso{--c:#6c5470}
.grafico .barra rect{fill:var(--burdeos)}
.grafico .linea{stroke:var(--oro)}.grafico .area{fill:rgba(168,133,74,.12)}.grafico .punto{stroke:var(--oro)}
.graficos figcaption strong{font-size:1.6rem}

/* Pie */
.pie{background:var(--pie);color:#b8ae9f}
.pie .rejilla{grid-template-columns:1fr 1fr 1fr;text-align:center}
.pie .marca{grid-column:1/-1;justify-self:center;width:4rem;filter:none;opacity:1}
.pie h2{font-family:var(--serif);font-size:1.4rem;color:var(--oro-claro)}
.pie ul{columns:1}
.pie .legal{border-top-color:rgba(217,195,154,.2);justify-content:center;gap:2rem}
.arriba{border-radius:0;background:var(--pie);border-color:var(--oro)}
@media (max-width:860px){.pie .rejilla{grid-template-columns:1fr}}
.en-cifras>.texto,.cargos-hist>.texto{margin:0 auto 2.5rem;text-align:center}
.lista-cargos span{font-variant-numeric:lining-nums}
.ev-anio>span:first-child,.cifras dd,.tabla{font-variant-numeric:lining-nums}