/* Pan de Gambas — hoja de estilo (identidad 2026)
   Concepto: dos amigos sentados a la mesa camilla. Fondo de caliza,
   titulares en Makcasa como el logotipo, texto en Neometric, y la paleta
   de un paisaje extremeño. Las fotos llevan el peso visual.
   COLORES: valores provisionales; cambiar aquí por los del brandbook. */

/* Makcasa: el archivo actual es la versión demo y sus números llevan marca de agua,
   así que los dígitos (U+0030-0039) se excluyen y salen en Neometric.
   Con la licencia completa, quitar el unicode-range. */
@font-face{font-family:"Makcasa";src:url(../fonts/makcasa.woff) format("woff");font-weight:400;font-display:swap;unicode-range:U+0000-002F,U+003A-FFFF}
@font-face{font-family:"Neometric";src:url(../fonts/neometric-400.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Neometric";src:url(../fonts/neometric-500.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"Neometric";src:url(../fonts/neometric-800.woff) format("woff");font-weight:800;font-display:swap}
@font-face{font-family:"Neometric";src:url(../fonts/neometric-900.woff) format("woff");font-weight:900;font-display:swap}

:root{
  /* Paleta del brandbook */
  --dehesa:#6B7B45;        /* Verde dehesa */
  --teja:#B64A36;          /* Rojo pimentón (rellenos y titulares grandes) */
  --rojo-txt:#A03E2C;      /* pimentón un punto más oscuro para texto pequeño */
  --secano:#D6A65C;        /* Oro de secano */
  --caliza:#F0DFC0;        /* Caliza */
  --tinta:#352B27;         /* Tierra oscura */
  --encina:var(--dehesa);
  --bg:var(--caliza);
  --surface:#F7EDDA;
  --ink:var(--tinta);
  --muted:#6E5A4A;
  --line:#DCC8A4;
  --oscuro:#352B27;        /* bloques oscuros fijos */
  --display:"Makcasa","Neometric","Didot",Georgia,serif;
  --body:"Neometric","Avenir Next","Century Gothic",system-ui,sans-serif;
  --wrap:1200px;
  --radio:14px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#241D1A;--surface:#2E2622;--ink:#F0DFC0;--muted:#BCA88C;--line:#47392F;
    --teja:#C2553F;--rojo-txt:#E07A5F;--secano:#D6A65C;--dehesa:#5C6A3A;--oscuro:#1A1513;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#241D1A;--surface:#2E2622;--ink:#F0DFC0;--muted:#BCA88C;--line:#47392F;
  --teja:#C2553F;--rojo-txt:#E07A5F;--secano:#D6A65C;--dehesa:#5C6A3A;--oscuro:#1A1513;
  color-scheme:dark;
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--secano);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:.95;letter-spacing:.005em;margin:0;text-wrap:balance;text-transform:uppercase}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.eyebrow{font:800 12px/1.2 var(--body);letter-spacing:.16em;text-transform:uppercase}

/* ---------- Navegación ---------- */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:20px;min-height:68px}
.nav .marca{display:flex;align-items:center;text-decoration:none}
.nav .marca img{height:40px;width:auto}
.nav .marca .claro{display:block}.nav .marca .oscuro{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .nav .marca .claro{display:none}:root:not([data-theme="light"]) .nav .marca .oscuro{display:block}}
:root[data-theme="dark"] .nav .marca .claro{display:none}:root[data-theme="dark"] .nav .marca .oscuro{display:block}
.nav ul{display:flex;gap:2px;list-style:none;margin:0 0 0 auto;padding:0}
.nav ul a{display:block;padding:9px 14px;border-radius:999px;text-decoration:none;font:500 15px/1 var(--body)}
.nav ul a:hover{background:var(--surface)}
.nav ul a[aria-current="page"]{background:var(--ink);color:var(--bg)}
.nav .menu{display:none;margin-left:auto;background:none;border:1.5px solid var(--ink);color:var(--ink);border-radius:999px;font:500 14px/1 var(--body);padding:9px 15px;cursor:pointer}
@media (max-width:860px){
  .nav .menu{display:block}
  .nav ul{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--line);padding:6px max(20px,env(safe-area-inset-right,0px)) 18px max(20px,env(safe-area-inset-left,0px))}
  .nav.abierto ul{display:flex}
  .nav ul a{font:400 26px/1.1 var(--display);text-transform:uppercase;padding:12px 2px;border-radius:0}
  .nav ul a[aria-current="page"]{background:none;color:var(--rojo-txt)}
}

/* ---------- Botones ---------- */
.btns{display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border-radius:999px;font:800 14px/1 var(--body);letter-spacing:.02em;text-decoration:none;border:1.5px solid currentColor;transition:transform .15s ease,background .15s ease,color .15s;cursor:pointer;background:none;color:inherit}
.btn:hover{transform:translateY(-2px)}
.btn svg{width:18px;height:18px;flex:none}
.btn.solido{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.btn.blanco{background:#F0DFC0;color:#352B27;border-color:#F0DFC0}
.btn.mostaza{background:var(--secano);color:#352B27;border-color:var(--secano)}
.btn.chico{padding:8px 12px;font-size:12px;gap:6px}
.btn.chico svg{width:15px;height:15px}

/* ---------- Portada ---------- */
.hero{position:relative;color:#F0DFC0;background:#352B27;overflow:hidden}
.hero .foto{position:absolute;inset:0;background:#352B27 url(../img/mesa-ambos.jpg) center 35%/cover}
.hero .foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(53,43,39,.25) 0%,rgba(53,43,39,.15) 40%,rgba(53,43,39,.85) 100%)}
.hero .wrap{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:22px;min-height:min(86vh,820px);padding-block:120px 56px}
.hero .logo{width:min(640px,88%);height:auto;filter:drop-shadow(0 2px 18px rgba(0,0,0,.35))}
.hero .lema{font-size:clamp(18px,2vw,22px);line-height:1.45;max-width:36ch;font-weight:500}
.hero .firma{font:800 12px/1.2 var(--body);letter-spacing:.18em;text-transform:uppercase;opacity:.9}
.pegatina{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:150px;height:150px;padding:18px;background:var(--secano);color:#352B27;text-decoration:none;font:900 17px/1.05 var(--body);text-transform:uppercase;letter-spacing:.01em;transform:rotate(-8deg);transition:transform .2s;
  clip-path:polygon(50% 0%,56% 7%,65% 2%,68% 11%,78% 8%,78% 18%,88% 18%,85% 27%,95% 30%,89% 38%,98% 44%,90% 50%,98% 56%,89% 62%,95% 70%,85% 73%,88% 82%,78% 82%,78% 92%,68% 89%,65% 98%,56% 93%,50% 100%,44% 93%,35% 98%,32% 89%,22% 92%,22% 82%,12% 82%,15% 73%,5% 70%,11% 62%,2% 56%,10% 50%,2% 44%,11% 38%,5% 30%,15% 27%,12% 18%,22% 18%,22% 8%,32% 11%,35% 2%,44% 7%)}
.pegatina small{display:block;font:800 9px/1.3 var(--body);letter-spacing:.12em;margin-bottom:6px}
.pegatina:hover{transform:rotate(0deg) scale(1.05)}
.hero .pegatina{position:absolute;right:max(20px,env(safe-area-inset-right,0px));top:96px}
@media (max-width:700px){.hero .pegatina{width:104px;height:104px;font-size:13px;top:22px;padding:12px}.hero .wrap{min-height:640px}}

/* ---------- Secciones ---------- */
.seccion{padding-block:96px}
.seccion.gris{background:var(--surface)}
.cabecera{display:flex;align-items:end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.cabecera h2{font-size:clamp(46px,7.4vw,104px)}
.cabecera p{color:var(--muted);max-width:44ch}
.cabecera .eyebrow{color:var(--rojo-txt);margin-bottom:14px;display:block}

/* Manifiesto */
.manifiesto{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,72px);align-items:center}
.manifiesto img{width:clamp(110px,16vw,200px);height:auto}
.manifiesto p{font:400 clamp(28px,4vw,52px)/1.08 var(--display);text-transform:uppercase;max-width:22ch;text-wrap:balance}
.manifiesto p em{font-style:normal;color:var(--teja)}
@media (max-width:640px){.manifiesto{grid-template-columns:1fr}}

/* Último capítulo */
.ultimo{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center}
.pantalla{position:relative;aspect-ratio:16/9;max-width:100%;border-radius:var(--radio);overflow:hidden;background:#352B27}
.pantalla iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pantalla .poster{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:22px;background:#352B27 url(../img/galeria-2.jpg) center/cover;color:#F0DFC0;text-decoration:none;border:0;cursor:pointer;font:inherit;text-align:left;width:100%}
.pantalla .poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(53,43,39,.15),rgba(53,43,39,.7))}
.pantalla .poster>*{position:relative;z-index:1}
.pantalla .play{width:80px;height:80px;border-radius:50%;background:var(--teja);display:grid;place-items:center;align-self:center;margin-block:auto;box-shadow:0 0 0 10px rgba(246,240,228,.18);transition:transform .2s}
.pantalla .poster:hover .play{transform:scale(1.08)}
.pantalla .play svg{width:30px;height:30px;margin-left:5px}
.pantalla .poster span{font:800 12px/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase}
.pantalla .poster small{font:500 12px/1.4 var(--body);opacity:.8;letter-spacing:0;text-transform:none}
.ultimo .ficha .eyebrow{color:var(--rojo-txt)}
.ultimo h3{font-size:clamp(38px,5vw,64px);margin-block:14px 16px}
.ultimo .meta{color:var(--muted);font:500 15px/1.4 var(--body);margin-bottom:24px;font-variant-numeric:tabular-nums}
@media (max-width:860px){.ultimo{grid-template-columns:1fr}}

/* Plataformas */
.plataformas{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.plataforma{display:flex;align-items:center;gap:16px;padding:24px;border-radius:var(--radio);border:1.5px solid var(--ink);text-decoration:none;background:var(--bg);transition:transform .15s,background .15s,color .15s}
.plataforma:hover{transform:translateY(-3px);background:var(--ink);color:var(--bg)}
.plataforma svg{width:38px;height:38px;flex:none}
.plataforma b{display:block;font:400 28px/1 var(--display);text-transform:uppercase}
.plataforma small{opacity:.75;font-size:14px}
@media (max-width:760px){.plataformas{grid-template-columns:1fr}}

/* Quiénes */
.duo{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.persona{border-radius:var(--radio);overflow:hidden;background:var(--bg)}
.persona .foto{aspect-ratio:4/3;background:#352B27 center/cover;max-width:100%}
.persona .texto{padding:26px 4px 6px}
.persona h3{font-size:clamp(38px,4.6vw,58px);margin-bottom:12px}
.persona p{color:var(--muted);max-width:52ch}
@media (max-width:760px){.duo{grid-template-columns:1fr}}

/* Secciones de culto */
.culto{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.tarjeta-culto{padding:32px;border-radius:var(--radio);background:var(--teja);color:#FFFFFF;min-height:270px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.tarjeta-culto:nth-child(2){background:var(--dehesa);color:#FFFFFF}
.tarjeta-culto h3{font-size:clamp(38px,4.6vw,58px);margin-top:auto;position:relative}
.tarjeta-culto p{max-width:40ch;opacity:.92;position:relative}
.tarjeta-culto .eyebrow{opacity:.85;position:relative}
.tarjeta-culto::after{content:"";position:absolute;right:-50px;top:-50px;width:190px;height:190px;background:url(../img/sello-blanco.png) center/contain no-repeat;opacity:.13}
@media (max-width:760px){.culto{grid-template-columns:1fr}}

/* Banda "ven a la grabación" */
.banda{background:var(--secano);color:#352B27}
.banda .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-block:56px}
.banda h2{font-size:clamp(42px,6vw,80px);max-width:14ch}
.banda p{max-width:42ch;margin-top:12px;font-weight:500}
.banda .btn.solido{background:#352B27;color:#F0DFC0;border-color:#352B27}
.banda .pegatina{background:#F0DFC0;width:132px;height:132px;font-size:14px;transform:rotate(6deg)}

/* Mecenas */
.mecenas{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.plan{padding:32px;border-radius:var(--radio);border:1.5px solid var(--ink);display:flex;flex-direction:column;gap:14px}
.plan h3{font-size:clamp(34px,3.6vw,44px)}
.plan ul{margin:0;padding-left:20px;color:var(--muted)}
.plan .btns{margin-top:auto;padding-top:8px}
.plan .eyebrow{color:var(--rojo-txt)}
@media (max-width:760px){.mecenas{grid-template-columns:1fr}}

/* Galería */
.galeria{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.galeria figure{margin:0;position:relative;border-radius:12px;overflow:hidden;grid-column:span 2}
.galeria figure:nth-child(1),.galeria figure:nth-child(2){grid-column:span 3}
.galeria img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}
.galeria figcaption{position:absolute;left:12px;bottom:12px;background:var(--bg);color:var(--ink);font:500 13px/1.2 var(--body);padding:8px 11px;border-radius:8px}
@media (max-width:760px){.galeria{grid-template-columns:1fr 1fr}.galeria figure,.galeria figure:nth-child(1),.galeria figure:nth-child(2){grid-column:span 1}.galeria figure:nth-child(1){grid-column:span 2}}

/* Contacto */
.contacto{background:var(--oscuro);color:#F0DFC0}
.contacto .wrap{padding-block:96px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:end}
.contacto h2{font-size:clamp(48px,7.6vw,108px)}
.contacto h2 em{font-style:normal;color:var(--secano)}
.contacto p{opacity:.85;margin-top:18px;max-width:46ch}
.contacto .eyebrow{color:var(--secano)}
.correo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:rgba(246,240,228,.07);border:1px solid rgba(246,240,228,.2);border-radius:var(--radio);padding:18px 20px}
.correo .v{font:800 clamp(16px,2vw,20px)/1.2 var(--body);word-break:break-all;flex:1 1 220px;min-width:0;user-select:all}
.correo .quien{width:100%;font-size:14px;opacity:.75}
.copiar{background:var(--secano);color:#352B27;border:0;border-radius:999px;font:800 13px/1 var(--body);padding:10px 15px;cursor:pointer}
@media (max-width:860px){.contacto .wrap{grid-template-columns:1fr}}

/* Pie */
.pie{background:var(--bg);color:var(--ink);border-top:1px solid var(--line)}
.pie .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;padding-block:34px;font-size:14px}
.pie img{height:56px;width:auto}
.pie .claro{display:block}.pie .oscuro{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pie .claro{display:none}:root:not([data-theme="light"]) .pie .oscuro{display:block}}
:root[data-theme="dark"] .pie .claro{display:none}:root[data-theme="dark"] .pie .oscuro{display:block}
.pie nav{display:flex;gap:8px 18px;flex-wrap:wrap}
.pie a{text-decoration:none;font-weight:500}
.pie a:hover{text-decoration:underline}
.pie .legal{width:100%;display:flex;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:18px}

/* ---------- Cabecera de páginas interiores ---------- */
.cab-pagina{background:var(--dehesa);color:#FFFFFF;position:relative;overflow:hidden}
.cab-pagina .wrap{padding-block:64px 56px;display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;position:relative}
.cab-pagina h1{font-size:clamp(68px,12vw,170px);line-height:.85;margin-top:28px!important}
.cab-pagina p{max-width:38ch;font-size:18px;font-weight:500}
.cab-pagina .eyebrow{color:#FFFFFF;opacity:.85}
.cab-pagina::after{content:"";position:absolute;right:-60px;bottom:-80px;width:340px;height:340px;background:url(../img/sello-blanco.png) center/contain no-repeat;opacity:.08}
.cab-pagina.foto{background-color:#352B27;background-position:center 30%;background-size:cover}
.cab-pagina.foto::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(53,43,39,.85),rgba(53,43,39,.35))}
.cifras{display:flex;gap:30px;margin-top:22px;flex-wrap:wrap}
.cifras b{display:block;font:500 46px/1 var(--body);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.cifras span{font:800 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.fleco{display:none}

/* ---------- Capítulos ---------- */
.herramientas{position:sticky;top:calc(env(safe-area-inset-top,0px) + 69px);z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
.herramientas .wrap{display:flex;gap:14px;align-items:center;padding-block:14px;flex-wrap:wrap}
.ayuda{flex:1 1 auto;color:var(--muted);font:500 14px/1.3 var(--body);margin:0}
.buscador{flex:0 1 300px;min-width:0;position:relative}
.buscador input{width:100%;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:11px 16px 11px 40px;font:500 15px/1 var(--body)}
.buscador input:focus{border-color:var(--rojo-txt);outline:none}
.buscador svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--muted)}
@media (max-width:640px){.buscador{flex-basis:100%}}

.carpetas{display:flex;flex-direction:column;gap:14px;padding-block:36px 90px}
.carpeta{border:1.5px solid var(--ink);border-radius:18px;background:var(--bg);overflow:hidden}
.carpeta summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;transition:background .15s}
.carpeta summary::-webkit-details-marker{display:none}
.carpeta summary:hover{background:var(--surface)}
.carpeta[open] summary{background:var(--teja);color:#FFFFFF}
.carpeta-tit{display:flex;align-items:center;gap:20px;min-width:0}
.carpeta-n{flex:none;width:66px;height:66px;display:grid;place-items:center;font:800 18px/1 var(--body);background:var(--secano);color:#352B27;
  clip-path:polygon(50% 0%,59% 9%,71% 4%,75% 16%,88% 15%,87% 28%,98% 34%,91% 45%,98% 56%,88% 63%,90% 76%,77% 77%,73% 90%,61% 86%,50% 96%,40% 86%,28% 90%,24% 77%,11% 76%,13% 63%,3% 56%,9% 45%,2% 34%,13% 28%,12% 15%,25% 16%,29% 4%,41% 9%)}
.carpeta[open] .carpeta-n{background:#F0DFC0}
.carpeta h2{font-size:clamp(30px,4.4vw,52px)}
.carpeta-tit p{color:var(--muted);font:500 13px/1.3 var(--body);margin-top:6px}
.carpeta[open] .carpeta-tit p{color:inherit;opacity:.88}
.carpeta-der{display:flex;align-items:center;gap:14px;flex:none}
.carpeta-cuenta{font:800 12px/1 var(--body);letter-spacing:.06em;white-space:nowrap;text-transform:uppercase}
.carpeta-flecha{width:40px;height:40px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;transition:transform .2s}
.carpeta-flecha svg{width:22px;height:22px}
.carpeta[open] .carpeta-flecha{transform:rotate(180deg)}
.lista{list-style:none;margin:0;padding:4px 24px 10px}
.cap{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.cap:last-child{border-bottom:0}
.cap .num{font:500 30px/1 var(--body);letter-spacing:-.02em;color:var(--teja);font-variant-numeric:tabular-nums}
.cap .tit{font:500 17px/1.35 var(--body)}
.cap .datos{color:var(--muted);font:400 13px/1.3 var(--body);margin-top:5px;display:flex;gap:12px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.cap .chip{background:var(--secano);color:#352B27;border-radius:999px;padding:2px 8px;font-weight:800;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.cap .enlaces{display:flex;gap:6px}
@media (max-width:760px){
  .carpeta summary{padding:16px}
  .carpeta-n{width:50px;height:50px;font-size:18px}
  .carpeta-tit{gap:12px}
  .carpeta-cuenta{display:none}
  .lista{padding:0 16px 6px}
  .cap{grid-template-columns:44px minmax(0,1fr);row-gap:12px}
  .cap .num{font-size:28px}
  .cap .enlaces{grid-column:2;flex-wrap:wrap}
}
.vacio{padding:40px 0;color:var(--muted);font-size:18px}

/* ---------- Fechas ---------- */
.bloque-fechas{padding-block:64px}
.bloque-fechas+.bloque-fechas{padding-top:0}
.lista-fechas{border-top:1.5px solid var(--ink)}
.fecha{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.fecha .dia{text-align:center;border-right:1.5px solid var(--line);padding-right:18px}
.fecha .dia b{display:block;font:500 58px/.95 var(--body);letter-spacing:-.03em;color:var(--teja);font-variant-numeric:tabular-nums}
.fecha .dia span{font:800 11px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.fecha .ciudad{font:400 clamp(34px,4.4vw,54px)/1 var(--display);text-transform:uppercase}
.fecha .sala{color:var(--muted);margin-top:6px;font-weight:500}
.fecha .venta{margin-top:8px;font-size:14px;line-height:1.45;color:var(--ink);max-width:56ch}
.fecha .tipo{display:inline-block;margin-bottom:8px;font:800 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--rojo-txt)}
.btn.pronto{opacity:.55;cursor:default;border-style:dashed}
.btn.pronto:hover{transform:none}
@media (max-width:640px){
  .fecha{grid-template-columns:76px minmax(0,1fr);row-gap:14px;gap:16px}
  .fecha .dia{padding-right:12px}
  .fecha .dia b{font-size:46px}
  .fecha .accion{grid-column:2}
}
.grabaciones{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center;background:var(--dehesa);color:#FFFFFF;border-radius:20px;padding:40px;overflow:hidden}
.grabaciones h2{font-size:clamp(44px,6vw,84px)}
.grabaciones p{opacity:.85;margin-block:16px 26px;max-width:42ch}
.grabaciones img{border-radius:12px;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.grabaciones .eyebrow{color:#FFFFFF;opacity:.85;display:block;margin-bottom:16px}
@media (max-width:860px){.grabaciones{grid-template-columns:1fr;padding:24px}}
.aviso-prog{margin-top:32px;padding:24px;border:1.5px dashed var(--line);border-radius:var(--radio);display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.aviso-prog p{max-width:60ch;color:var(--muted)}

/* ---------- Páginas legales ---------- */
.legal-doc{padding-block:56px 96px}
.legal-doc .wrap{max-width:820px}
.legal-doc h2{font-size:clamp(30px,3.6vw,42px);margin:44px 0 14px;color:var(--rojo-txt)}
.legal-doc h2:first-child{margin-top:0}
.legal-doc p,.legal-doc li{color:var(--ink);max-width:68ch}
.legal-doc p+p{margin-top:12px}
.legal-doc ul{padding-left:20px;margin:12px 0}
.legal-doc li+li{margin-top:6px}
.ficha-legal{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px 24px;background:var(--surface);border-radius:var(--radio);padding:24px;margin:8px 0 6px}
.ficha-legal dt{font:800 12px/1.6 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ficha-legal dd{margin:0;font-weight:500;min-width:0;overflow-wrap:anywhere}
@media (max-width:560px){.ficha-legal{grid-template-columns:1fr;gap:2px}.ficha-legal dd{margin-bottom:10px}}
.tabla-cookies{overflow-x:auto;margin:14px 0}
.tabla-cookies table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}
.tabla-cookies th,.tabla-cookies td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.tabla-cookies th{font:800 12px/1.4 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.actualizado{color:var(--muted);font-size:14px;margin-top:40px}

/* Sello "Agotado" */
.accion{display:flex;flex-direction:column;align-items:center;gap:8px}
.agotado{display:inline-grid;place-items:center;width:104px;height:104px;background:var(--teja);color:#FFFFFF;font:900 15px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;transform:rotate(-10deg);
  clip-path:polygon(50% 0%,59% 9%,71% 4%,75% 16%,88% 15%,87% 28%,98% 34%,91% 45%,98% 56%,88% 63%,90% 76%,77% 77%,73% 90%,61% 86%,50% 96%,40% 86%,28% 90%,24% 77%,11% 76%,13% 63%,3% 56%,9% 45%,2% 34%,13% 28%,12% 15%,25% 16%,29% 4%,41% 9%)}
.ver-mas{font-size:13px;font-weight:500;color:var(--muted)}
@media (max-width:640px){.accion{align-items:flex-start;flex-direction:row;align-items:center;gap:14px}.agotado{width:84px;height:84px;font-size:12px}}