/* ═══════════ NAVARRO · capa propia sobre Maison ═══════════
   Maison pone la elegancia; esta hoja pone tres cosas que le faltaban:
   1. Que se lea bien a cualquier edad: letra más grande, peso normal y un
      dorado que alcanza el contraste mínimo (4,5) sobre el marfil.
   2. Las piezas nuevas: catálogo real, ficha con zoom, menú del teléfono,
      secciones traídas de la otra versión y WhatsApp siempre a mano.
   3. Botones que parecen botones y que se pueden tocar con el dedo. */

:root{
  --gold-text:#74582c;          /* 5,8 sobre #f4efe7 · 5,3 sobre #ece5d9 */
  --line:rgba(128,110,90,.32);
  --wa:#1f7a4d;
}
:root[data-theme="noir"]{ --gold-text:#c9ae83; --line:rgba(201,174,131,.28); }

/* Letra grande: Maison está hecha en rem, así que basta con mover la raíz. */
html.big{ font-size:118.75%; }

/* ── accesibilidad básica ── */
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:1rem;top:-4rem;z-index:200;background:var(--ink);color:var(--ivory);padding:.9rem 1.2rem;font-size:1rem}
.skip:focus{top:1rem}
:focus-visible{outline:2px solid var(--gold-text);outline-offset:3px}
.band.dark :focus-visible,.fullbleed :focus-visible,.concurso :focus-visible,.mhero :focus-visible{outline-color:#d9c49a}
[hidden]{display:none!important}

/* ═══════════ LEGIBILIDAD ═══════════ */
body{font-weight:400;font-size:1rem;line-height:1.6}
.kicker{font-size:.875rem;letter-spacing:.22em;color:var(--gold-text);font-weight:600}
.mhero-inner .kicker,.band.dark .kicker,.fullbleed .kicker,.concurso .kicker{color:#d9c49a}
.btxt p,.concurso p,.juegos .jlede{font-size:1.125rem;line-height:1.75;font-weight:400}
.btxt p{color:var(--ink-soft)}
.band.dark .btxt p,.concurso p{color:rgba(244,239,231,.86)}
.jcard p,.perks{font-size:1.0625rem}
.jcard .jk,.scratchbox .pd{font-size:.8rem;letter-spacing:.2em;color:var(--gold-text)}
.manifesto p{color:var(--ink-soft);font-weight:400}
.visita .datos{font-size:1.125rem;letter-spacing:0;color:var(--ink-soft);gap:3rem}
.visita .datos b{font-size:.85rem;letter-spacing:.2em;color:var(--gold-text);font-weight:600}
.mfoot{font-size:.9rem;letter-spacing:.12em}
.carnet .cid,.carnet .cdc{font-size:.95rem}
.carnet .creset{font-size:.8rem}
.clubform input{font-size:1.0625rem;font-weight:400;padding:.8rem 0}
.clubform input::placeholder{color:rgba(244,239,231,.6)}

/* Los botones de Maison eran texto subrayado: lindos, pero hay que adivinar que
   se pueden tocar. Ahora tienen borde, aire y al menos 48 px de alto. */
.cta{font-size:.92rem;letter-spacing:.14em;font-weight:600;padding:.95rem 1.9rem;border:1px solid currentColor;border-radius:2px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;text-align:center;transition:background .3s,color .3s,opacity .3s}
.cta:hover{opacity:1;background:rgba(128,110,90,.12)}
button.cta{border:1px solid currentColor}
.cta.solid{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.cta.solid:hover{background:var(--ink-soft)}

/* ═══════════ NAV ═══════════ */
.mnav .side{font-size:.9rem;letter-spacing:.14em;gap:1.8rem}
.mnav .side a{opacity:1;padding:.5rem 0}
.mnav .brand small{font-size:.72rem;letter-spacing:.3em}
.mnav .lang{font-size:.85rem;gap:.4rem}
.mnav .lang a,.mmenu .lang a{opacity:.75;padding:.45rem .5rem;min-width:40px;text-align:center}
.mnav .lang a.on,.mmenu .lang a.on{opacity:1;border-bottom:1px solid currentColor}
.big-btn{display:inline-flex;align-items:baseline;gap:1px;background:none;border:1px solid currentColor;color:inherit;border-radius:2px;padding:.25rem .55rem;cursor:pointer;font-family:var(--serif);font-size:1rem;margin-left:.8rem;min-height:36px}
.big-btn .bb2{font-size:1.35rem}
.big-btn[aria-pressed="true"]{background:currentColor}
.big-btn[aria-pressed="true"] span{color:var(--ivory)}
.mnav:not(.solid) .big-btn[aria-pressed="true"] span{color:#16110c}
.theme-btn{width:22px;height:22px}
.mburger{display:none;align-items:center;gap:.6rem;background:none;border:1px solid currentColor;color:inherit;border-radius:2px;padding:.55rem .9rem;font-family:var(--sans);font-size:.95rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;min-height:44px;justify-self:end}
.mburger .lines{display:flex;flex-direction:column;gap:5px}
.mburger .lines i{display:block;width:20px;height:2px;background:currentColor}

/* menú del teléfono */
.mmenu{position:fixed;inset:0;z-index:120;background:var(--ivory);color:var(--ink);display:flex;flex-direction:column;overflow-y:auto}
.mmenu-top{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;border-bottom:1px solid var(--line)}
.mmenu-brand{font-family:var(--serif);font-size:1.6rem;letter-spacing:.28em;text-transform:uppercase}
.mmenu-x{background:none;border:1px solid currentColor;color:inherit;font-family:var(--sans);font-size:1rem;font-weight:600;padding:.6rem 1rem;min-height:44px;cursor:pointer}
.mmenu-links{display:flex;flex-direction:column;padding:1rem 1.4rem}
.mmenu-links a{font-family:var(--serif);font-size:1.75rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.mmenu-foot{display:flex;flex-direction:column;gap:.9rem;padding:1.4rem;margin-top:auto}
.mmenu .lang{display:flex;gap:.6rem;font-size:1.05rem}
.mm-opt{background:none;border:1px solid var(--line);color:inherit;font-family:var(--sans);font-size:1.05rem;padding:.9rem;text-align:left;cursor:pointer;min-height:48px}
.mm-opt[aria-pressed="true"]{border-color:var(--ink);font-weight:600}
.mm-wa{background:var(--wa);color:#fff;text-align:center;font-size:1.1rem;font-weight:600;padding:1.1rem;border-radius:2px}

/* ═══════════ PORTADA ═══════════ */
.mhero h1{font-size:clamp(2.5rem,5.2vw,5rem);line-height:1.1;max-width:22ch;margin:1.4rem auto 1.4rem;text-wrap:balance;text-shadow:0 2px 24px rgba(10,7,5,.55)}
/* el texto va encima del video: el velo se oscurece justo donde está la pregunta */
.mhero-scrim{background:linear-gradient(to bottom,rgba(10,7,5,.5) 0%,rgba(10,7,5,.32) 35%,rgba(10,7,5,.55) 62%,rgba(10,7,5,.78) 100%)}
.mhero-inner .kicker{text-shadow:0 1px 12px rgba(10,7,5,.8)}
.mthought{font-family:var(--serif);font-style:italic;font-size:clamp(1.35rem,2.4vw,2rem);color:#e8dcc4;margin:0 auto 2.4rem;max-width:30ch;text-shadow:0 1px 14px rgba(10,7,5,.6)}
.mhero-cue{font-size:.8rem;opacity:.85}
.mhero-inner{padding-left:1.25rem;padding-right:1.25rem}

/* ═══════════ VITRINA ═══════════ */
.vitrina{padding-top:2rem}
.vitrina .vt{font-family:var(--serif);font-weight:300;font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.15;margin:1.2rem auto 2.4rem;max-width:22ch}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:62rem;margin:0 auto 1.2rem}
.chip{background:none;border:1px solid var(--line);color:var(--ink);font-family:var(--sans);font-size:1rem;font-weight:500;padding:.7rem 1.15rem;border-radius:2px;cursor:pointer;min-height:46px;transition:background .25s,border-color .25s}
.chip:hover{border-color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
.chip small{font-weight:400;opacity:.75;margin-left:.35rem}
.filtro{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;font-size:1.05rem;margin:.4rem auto 1rem;color:var(--ink-soft)}
.filtro button{background:none;border:none;border-bottom:1px solid currentColor;color:var(--ink);font-family:var(--sans);font-size:1rem;font-weight:600;cursor:pointer;padding:.3rem 0;min-height:40px}
.vcount{font-size:1rem;color:var(--ink-soft);margin-bottom:2.2rem}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.6rem 2rem;max-width:78rem;margin:0 auto 3.4rem;text-align:left}
.pcard{display:block;width:100%;background:none;border:none;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}
.pcard .ph{overflow:hidden;background:var(--ivory-2);aspect-ratio:4/5;position:relative}
.pcard img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.pcard:hover img,.pcard:focus-visible img{transform:scale(1.05)}
.pcard .badge{position:absolute;left:.8rem;top:.8rem;background:rgba(22,17,12,.78);color:#f4efe7;font-size:.8rem;font-weight:600;letter-spacing:.08em;padding:.35rem .6rem}
.pcard .pn{display:block;font-family:var(--serif);font-size:1.4rem;line-height:1.25;margin-top:1rem;font-weight:500}
.pcard .pm{display:block;font-size:.95rem;color:var(--ink-soft);margin-top:.3rem}
.pcard .pp{display:block;font-size:1.15rem;font-weight:600;margin-top:.45rem}
.pcard .pv{display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text);margin-top:.55rem;border-bottom:1px solid currentColor;padding-bottom:.15rem}
.vstatus{max-width:34rem;margin:0 auto 2rem;font-size:1.125rem;line-height:1.7;color:var(--ink-soft)}
.vmore{color:var(--ink)}

/* ═══════════ REGALOS ═══════════ */
.regalos{background:var(--ivory-2);text-align:center;padding:7rem 2rem}
.regalos h2{font-family:var(--serif);font-weight:300;font-size:clamp(2.2rem,4vw,3.6rem);margin:1.2rem 0 1rem}
.regalos p{font-size:1.125rem;color:var(--ink-soft);margin-bottom:2.4rem}
.budgets{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:60rem;margin:0 auto}
.budget{background:var(--ivory);border:1px solid var(--line);color:var(--ink);font-family:var(--sans);padding:1.2rem 1.6rem;min-width:13rem;cursor:pointer;border-radius:2px;display:flex;flex-direction:column;gap:.3rem;transition:border-color .25s}
.budget:hover,.budget:focus-visible{border-color:var(--ink)}
.budget strong{font-family:var(--serif);font-size:1.5rem;font-weight:500}
.budget span{font-size:.95rem;color:var(--ink-soft)}

/* ═══════════ SERVICIOS ═══════════ */
.servicios{padding:8rem 3rem;text-align:center}
.servicios h2,.piedras2 h2{font-family:var(--serif);font-weight:300;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.1;margin:1.2rem 0 1.4rem}
.slede{max-width:38rem;margin:0 auto;font-size:1.125rem;line-height:1.75;color:var(--ink-soft)}
.sgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.6rem;max-width:74rem;margin:3.6rem auto 0;text-align:left}
.scard{border:1px solid var(--line);padding:2.2rem 2rem;display:flex;flex-direction:column;gap:.9rem;background:var(--ivory)}
.smark{font-size:.85rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-text)}
.scard h3{font-family:var(--serif);font-weight:500;font-size:1.65rem;line-height:1.2}
.scard p{font-size:1.0625rem;line-height:1.7;color:var(--ink-soft);flex:1}
.slink{align-self:flex-start;font-size:.95rem;font-weight:600;border-bottom:1px solid currentColor;padding:.4rem 0;min-height:40px;display:inline-flex;align-items:center}
.slink::after{content:"→";margin-left:.5rem}

/* lista con marca */
.ticks{list-style:none;display:flex;flex-direction:column;gap:.7rem;font-size:1.0625rem}
.ticks li::before{content:"◆";color:var(--gold-text);margin-right:.7rem;font-size:.8rem}

/* ═══════════ EL TÍO RICO ═══════════ */
.metals{border-collapse:collapse;width:100%;max-width:30rem;font-size:1.0625rem}
.metals th{text-align:left;font-size:.85rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#d9c49a;padding:.6rem 0;border-bottom:1px solid rgba(244,239,231,.25)}
.metals td{padding:.75rem 0;border-bottom:1px solid rgba(244,239,231,.14)}
.metals td+td,.metals th+th{text-align:right}
.mnote{font-size:.95rem!important;opacity:.9}

/* ═══════════ PIEDRAS ═══════════ */
.piedras2{padding:8rem 3rem;text-align:center;background:var(--ivory-2)}
.pgal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;max-width:74rem;margin:3.4rem auto 0}
.pstone{background:none;border:none;padding:0;cursor:zoom-in;color:inherit;font:inherit;text-align:center}
.pstone img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .8s}
.pstone:hover img{transform:scale(1.03)}
.pstone span{display:block;font-family:var(--serif);font-size:1.25rem;margin-top:.7rem}

/* ═══════════ VISÍTANOS ═══════════ */
.visita .dlink{display:block;border-bottom:1px solid currentColor;width:fit-content;margin:0 auto .3rem;padding:.2rem 0;color:var(--ink)}
.vbtns{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}

/* ═══════════ WHATSAPP SIEMPRE A MANO ═══════════ */
.wa-float{position:fixed;right:1.2rem;bottom:1.2rem;z-index:90;display:inline-flex;align-items:center;gap:.6rem;background:var(--wa);color:#fff;padding:.85rem 1.3rem .85rem 1.05rem;border-radius:999px;font-size:1.05rem;font-weight:600;box-shadow:0 6px 24px rgba(0,0,0,.22);min-height:52px}
.wa-float svg{width:26px;height:26px}
.wa-float:hover{background:#196640}

/* ═══════════ FICHA ═══════════ */
.fz{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:1.5rem}
.fz-back{position:absolute;inset:0;background:rgba(12,9,6,.78)}
.fz-box{position:relative;background:var(--ivory);color:var(--ink);width:min(1080px,100%);max-height:calc(100vh - 3rem);overflow-y:auto;display:grid;grid-template-columns:1.15fr 1fr}
.fz-x{position:absolute;top:.9rem;right:.9rem;z-index:5;background:var(--ivory);border:1px solid var(--ink);color:var(--ink);font-family:var(--sans);font-size:1rem;font-weight:600;padding:.6rem .95rem;cursor:pointer;min-height:44px}
.fz-media{position:relative;background:var(--ivory-2);display:flex;flex-direction:column}
.fz-stage{position:relative;overflow:hidden;aspect-ratio:1;cursor:zoom-in;touch-action:pan-y;user-select:none}
.fz-stage img{width:100%;height:100%;object-fit:cover;transform-origin:var(--ox,50%) var(--oy,50%);transform:scale(var(--z,1));transition:transform .3s ease}
.fz-stage.zoomed{cursor:zoom-out;touch-action:none}
.fz-stage.zoomed img{transition:transform .3s ease,transform-origin .08s linear}
.fz-nav{position:absolute;top:calc(50% - 60px);width:52px;height:52px;border-radius:50%;border:1px solid var(--ink);background:var(--ivory);color:var(--ink);font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3}
.fz-nav.prev{left:.9rem}.fz-nav.next{right:.9rem}
.fz-tools{display:flex;gap:.6rem;padding:.9rem .9rem 0}
.fz-tools button{background:var(--ivory);border:1px solid var(--ink);color:var(--ink);font-family:var(--sans);font-size:1rem;font-weight:600;padding:.6rem 1rem;cursor:pointer;min-height:44px}
.fz-thumbs{display:flex;gap:.5rem;padding:.9rem;flex-wrap:wrap}
.fz-thumbs button{width:64px;height:64px;padding:0;border:2px solid transparent;background:none;cursor:pointer}
.fz-thumbs button[aria-current="true"]{border-color:var(--ink)}
.fz-thumbs img{width:100%;height:100%;object-fit:cover}
.fz-hint{font-size:.95rem;color:var(--ink-soft);padding:0 .9rem 1.1rem}
.fz-info{padding:3.6rem 2.4rem 2.4rem;display:flex;flex-direction:column;gap:.9rem}
.fz-info h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.15}
.fz-price{font-size:1.75rem;font-weight:600}
.fz-unica{font-size:1.05rem;font-weight:600;color:#2f6b45}
:root[data-theme="noir"] .fz-unica{color:#8fd1a6}
.fz-specs{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem 0}
.fz-specs dt{font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-text)}
.fz-specs dd{font-size:1.0625rem;margin-top:.2rem}
.fz-desc{font-size:1.0625rem;line-height:1.7;color:var(--ink-soft)}
.fz-wa{display:flex;align-items:center;justify-content:center;gap:.6rem;background:var(--wa);color:#fff;font-size:1.125rem;font-weight:600;padding:1.1rem;border-radius:2px;margin-top:.4rem;min-height:56px}
.fz-wa:hover{background:#196640}
.fz-size{background:none;border:1px solid var(--ink);color:var(--ink);font-family:var(--sans);font-size:1.05rem;font-weight:600;padding:1rem;cursor:pointer;min-height:52px}
.fz-sku{font-size:.85rem;color:var(--ink-soft)}
.fz-small .fz-box{grid-template-columns:1fr;width:min(560px,100%)}
.sz{padding:3.6rem 2.2rem 2.2rem;display:flex;flex-direction:column;gap:1.2rem}
.sz h3{font-family:var(--serif);font-weight:500;font-size:2rem}
.sz ol{padding-left:1.4rem;display:flex;flex-direction:column;gap:.9rem;font-size:1.1rem;line-height:1.65}
.fz-lb .fz-box{grid-template-columns:1fr;width:min(860px,100%);background:#16110c}
.fz-lb img{width:100%;height:auto;max-height:calc(100vh - 3rem);object-fit:contain}

/* ═══════════ TELÉFONO Y TABLET ═══════════ */
@media (max-width:1100px){
  .mnav{grid-template-columns:1fr auto}
  .mnav .side.right{display:none}
  .mnav .brand{justify-self:start;text-align:left;font-size:1.4rem}
  .mburger{display:inline-flex}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.2rem}
  .pgal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .servicios,.piedras2{padding:5.5rem 1.4rem}
  .regalos{padding:5rem 1.4rem}
  .fz{padding:0;align-items:stretch}
  .fz-box{grid-template-columns:1fr;max-height:100vh;height:100%}
  .fz-info{padding:1.6rem 1.4rem 6rem}
  .visita{padding:6rem 1.4rem}
}
@media (max-width:560px){
  .pgrid{grid-template-columns:1fr}
  .pcard .pn{font-size:1.5rem}
  .mhero h1{font-size:2.35rem}
  .wa-float span{display:none}
  .wa-float{padding:.9rem}
  .budget{min-width:100%}
  .visita .datos{flex-direction:column;gap:1.6rem}
}
@media (prefers-reduced-motion: reduce){
  .pcard img,.pstone img,.fz-stage img{transition:none}
}

/* ═══════════ AVISO DE CONSTRUCCIÓN ═══════════
   Mientras el interruptor del panel esté encendido, <html> lleva la clase
   .pronto y lo único visible es el flyer. La web completa sigue ahí debajo,
   lista para cuando se apague. */
.flyer,.vista-banner{display:none}
html.pronto .mnav,html.pronto .mmenu,html.pronto .mhero,html.pronto main,html.pronto .mfoot,
html.pronto .wa-float,html.pronto .skip,html.pronto .fz{display:none!important}
html.pronto body{background:#0c0908}
html.pronto .flyer{display:grid}
.flyer{position:relative;min-height:100vh;min-height:100svh;place-items:center;text-align:center;color:#f4efe7;overflow:hidden;background:#0c0908;padding:4.5rem 1.4rem}
.flyer-media{position:absolute;inset:0}
.flyer-media img,.flyer-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.flyer-media img{animation:kenburns 26s ease-in-out infinite alternate}
.flyer-scrim{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,7,5,.62) 0%,rgba(10,7,5,.58) 40%,rgba(10,7,5,.6) 62%,rgba(10,7,5,.78) 100%)}
.flyer-p,.flyer-soon,.flyer-dir{text-shadow:0 1px 14px rgba(10,7,5,.85)}
.flyer-inner{position:relative;max-width:42rem;display:flex;flex-direction:column;align-items:center}
.flyer-brand{font-family:var(--serif);font-size:clamp(1.8rem,3.4vw,2.4rem);letter-spacing:.32em;text-transform:uppercase;font-weight:500;line-height:1;margin-bottom:2.6rem;padding-left:.32em}
.flyer-brand small{display:block;font-family:var(--sans);font-size:.78rem;letter-spacing:.3em;color:#d9c49a;margin-top:.8rem;font-weight:600}
.flyer h1{font-family:var(--serif);font-weight:300;font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.1;max-width:20ch;text-wrap:balance;margin-bottom:1.8rem;text-shadow:0 2px 24px rgba(10,7,5,.55)}
.flyer h1 em{font-style:italic;font-weight:300}
.flyer-p{font-size:1.15rem;line-height:1.7;color:#ece2cf;max-width:30rem;margin-bottom:.6rem}
.flyer-soon{font-family:var(--serif);font-style:italic;font-size:1.45rem;color:#d9c49a;margin-bottom:2.4rem}
.flyer-ig{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;border:1px solid #d9c49a;color:#f4efe7;font-size:1.05rem;font-weight:600;padding:1rem 1.7rem;min-height:56px;border-radius:2px;transition:background .3s}
.flyer-ig:hover,.flyer-ig:focus-visible{background:rgba(217,196,154,.14)}
.flyer-ig svg{width:22px;height:22px;flex:none}
.flyer-handle{font-weight:400;color:#e8dcc4}
.flyer-dir{margin-top:2.4rem;font-size:1.05rem;line-height:1.6;color:#ece2cf}
.flyer-maps{margin-top:.5rem;color:#d9c49a;border-bottom:1px solid currentColor;padding:.35rem 0;font-weight:600;font-size:1rem}
.flyer :focus-visible{outline-color:#d9c49a}
html.vista-completa .vista-banner{display:block;position:fixed;left:1rem;bottom:1.2rem;z-index:95;max-width:min(26rem,calc(100vw - 9rem));background:#16110c;color:#f4efe7;border:1px solid #d9c49a;padding:.75rem 1rem;font-size:.92rem;line-height:1.45}
@media (prefers-reduced-motion: reduce){.flyer-media img{animation:none}}
@media (max-width:560px){.flyer h1{font-size:2.2rem}.flyer-ig{width:100%}}