@font-face{font-family:Shrikhand;src:url(../fonts/shrikhand.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Albert Sans";src:url(../fonts/albert-sans.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(../fonts/barlow-cond-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(../fonts/barlow-cond-700.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --crema:#F3E6C8;--crema-2:#EAD9B0;--papel:#FBF3DE;
  --esmalte:#1D3F8F;--esmalte-o:#132A63;
  --achiote:#B32F19;--maiz:#E8A72C;--hoja:#2E6B4E;--cafe:#2A1B12;
  --display:Shrikhand,"Arial Rounded MT Bold",Georgia,serif;
  --texto:"Albert Sans",system-ui,-apple-system,"Segoe UI","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  --rotulo:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --ease:cubic-bezier(.22,.8,.24,1);
  --nav:68px;
  --gut:clamp(20px,5vw,72px);
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--crema);color:var(--cafe);font-family:var(--texto);font-size:1.0625rem;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg,video{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
.ico{width:1.25em;height:1.25em;flex:none}
:focus-visible{outline:3px solid var(--maiz);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--cafe);color:var(--crema);padding:12px 18px;border-radius:8px;font-weight:700;text-decoration:none;transition:top .2s}
.skip:focus{top:12px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:min(1200px,100% - 2*var(--gut));margin-inline:auto}
.rotulo{font-family:var(--rotulo);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.95rem;line-height:1.2}

/* ---------- PLACA DE ESMALTE (elemento firma) ---------- */
.placa{--pl:var(--esmalte);--pt:var(--crema);position:relative;background:var(--pl);color:var(--pt);border-radius:16px;padding:32px 30px 28px;box-shadow:0 0 0 2px var(--cafe),0 9px 0 -1px rgb(42 27 18/.22),0 22px 30px -18px rgb(42 27 18/.55)}
.placa::before{content:"";position:absolute;inset:8px;border:2px solid var(--pt);border-radius:10px;opacity:.9;pointer-events:none}
.placa::after{content:"";position:absolute;inset:0;border-radius:16px;pointer-events:none;
  background:
   radial-gradient(circle 4px at 20px 20px,var(--pt) 0 2.6px,rgb(0 0 0/.35) 3px 4px,transparent 4.4px),
   radial-gradient(circle 4px at calc(100% - 20px) 20px,var(--pt) 0 2.6px,rgb(0 0 0/.35) 3px 4px,transparent 4.4px),
   radial-gradient(circle 4px at 20px calc(100% - 20px),var(--pt) 0 2.6px,rgb(0 0 0/.35) 3px 4px,transparent 4.4px),
   radial-gradient(circle 4px at calc(100% - 20px) calc(100% - 20px),var(--pt) 0 2.6px,rgb(0 0 0/.35) 3px 4px,transparent 4.4px),
   radial-gradient(circle 3px at 83% 5px,var(--crema-2) 0 2px,transparent 2.6px),
   radial-gradient(circle 2px at 12% calc(100% - 5px),var(--crema-2) 0 1.4px,transparent 2px)}
.placa.azul{--pl:var(--esmalte)}
.placa.rojo{--pl:var(--achiote)}
.placa.verde{--pl:var(--hoja)}
.placa.maiz{--pl:var(--maiz);--pt:var(--cafe)}
.placa.papel{--pl:var(--papel);--pt:var(--esmalte)}

/* ---------- BOTONES ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:.7em 1.5em;border-radius:12px;border:2px solid var(--cafe);font-family:var(--rotulo);font-weight:700;font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;line-height:1;box-shadow:0 5px 0 var(--cafe);transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--cafe)}
.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--cafe)}
.btn-1{background:var(--achiote);color:var(--papel)}
.btn-2{background:var(--crema);color:var(--cafe)}
.btn-3{background:var(--maiz);color:var(--cafe)}

/* ---------- NAV ---------- */
.nav{position:fixed;inset:0 0 auto 0;z-index:100;height:calc(var(--nav) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);display:flex;align-items:center;transition:background .35s,box-shadow .35s;color:var(--papel)}
.nav.solid,.nav.fija{background:var(--esmalte-o);box-shadow:0 3px 0 var(--cafe)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-size:1.25rem;line-height:1}
.marca svg{width:46px;height:46px}
.nav ul{display:flex;gap:6px;list-style:none;padding:0}
.nav ul a{display:block;padding:10px 14px;text-decoration:none;font-family:var(--rotulo);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:1rem;border-radius:8px}
.nav ul a:hover{background:rgb(255 255 255/.14)}
.nav .btn{min-height:44px;padding:.5em 1.1em;font-size:1.05rem;box-shadow:0 4px 0 var(--cafe)}

/* ---------- HERO ---------- */
.hero{position:relative;min-height:max(680px,100svh);color:var(--papel);overflow:hidden;background:var(--esmalte-o);display:flex;align-items:flex-end;isolation:isolate}
.hero-bg{position:absolute;inset:-14% 0 -8% 0;z-index:-2;will-change:transform}
.hero-bg img,.hero-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.hero-bg video{opacity:0;transition:opacity .9s}
.hero-bg video.on{opacity:1}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(19 42 99/.9) 0%,rgb(19 42 99/.66) 38%,rgb(19 42 99/.08) 72%),linear-gradient(0deg,rgb(19 42 99/.78) 0%,rgb(19 42 99/0) 46%),linear-gradient(180deg,rgb(19 42 99/.7) 0%,rgb(19 42 99/0) 26%)}
.hero-in{width:min(1200px,100% - 2*var(--gut));margin-inline:auto;padding:calc(var(--nav) + 40px) 0 clamp(120px,16vh,170px)}
.hero-text{container-type:inline-size;max-width:min(680px,100%)}
.hero .kick{display:inline-block;margin-bottom:18px;color:var(--maiz);text-shadow:0 1px 10px rgb(19 42 99/.95),0 0 3px rgb(19 42 99/.9)}
.hero h1{font-family:var(--display);font-weight:400;line-height:.96;font-size:clamp(3rem,15.5cqi,7.6rem);letter-spacing:-.005em;display:flex;flex-wrap:wrap;align-items:center;gap:.08em .22em;margin-bottom:22px;will-change:transform;text-shadow:0 3px 0 rgb(42 27 18/.55)}
.hero h1 .num{font-size:.62em;padding:.22em .5em .1em;border-radius:.3em;line-height:1;text-shadow:none;transform:rotate(-3deg)}
.hero h1 .num::before{inset:.09em;border-width:.045em;border-radius:.2em}
.hero h1 .num::after{display:none}
.hero .frase{font-size:clamp(1.15rem,2.4cqi + .8rem,1.5rem);max-width:30ch;margin-bottom:28px;text-shadow:0 1px 14px rgb(19 42 99/.9)}
.hero .acciones{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}
.datos{display:flex;flex-wrap:wrap;gap:10px 12px;list-style:none;padding:0}
.datos li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgb(243 230 200/.16);border:1.5px solid rgb(243 230 200/.55);font-family:var(--rotulo);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:1.02rem;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.datos b{color:var(--maiz);font-weight:700}
.pausa{position:absolute;right:var(--gut);bottom:calc(84px + 3vh);z-index:3;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgb(19 42 99/.72);color:var(--papel);border:2px solid rgb(243 230 200/.75)}
.pausa:hover{background:var(--achiote)}
.pausa svg{width:20px;height:20px}
.pausa .p-play{display:none}
.pausa[aria-pressed="true"] .p-play{display:block}
.pausa[aria-pressed="true"] .p-pause{display:none}

/* entrada escalonada (con respaldo por tiempo en JS) */
html.js .rise{opacity:0;transform:translate3d(0,26px,0)}
html.ready .rise{opacity:1;transform:none;transition:opacity .8s var(--ease) calc(var(--i,0)*110ms + 80ms),transform .9s var(--ease) calc(var(--i,0)*110ms + 80ms)}

.rise.done{transition:none!important}

/* ---------- CINTA ---------- */
.cinta{position:relative;z-index:5;height:150px;margin-top:-92px;pointer-events:none;overflow:hidden}
.cinta .banda{position:absolute;left:-4%;right:-4%;display:flex;overflow:hidden;white-space:nowrap}
.cinta .b1{top:42px;background:var(--achiote);height:58px;transform:rotate(1.6deg);box-shadow:0 0 0 2px var(--cafe)}
.cinta .b2{top:36px;background:var(--maiz);color:var(--cafe);height:66px;transform:rotate(-2deg);box-shadow:0 0 0 2px var(--cafe),0 12px 20px -10px rgb(42 27 18/.6)}
.pista{display:flex;align-items:center;flex:none;min-width:100%;animation:cinta 42s linear infinite}
.pista span{display:inline-flex;align-items:center;gap:12px;padding:0 26px;font-family:var(--rotulo);font-weight:700;text-transform:uppercase;letter-spacing:.13em;font-size:1.28rem}
.pista .ico{width:1.5em;height:1.5em}
.pista .sep{width:.9em;height:.9em;color:var(--achiote);padding:0;margin:0}
@keyframes cinta{to{transform:translate3d(-100%,0,0)}}
.b1 .pista{opacity:0}

/* ---------- SECCIONES ---------- */
.sec{position:relative;padding:clamp(72px,10vw,140px) 0}
.h2{font-family:var(--display);font-weight:400;line-height:1.02;letter-spacing:-.005em;font-size:clamp(2rem,9.4cqi,4.2rem)}
.cq{container-type:inline-size}
.eti{display:inline-block;margin-bottom:16px;color:var(--esmalte)}

/* La casa */
.casa{background:var(--crema);overflow:hidden}
.casa-g{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,6vw,96px);align-items:center}
.casa .h2{margin-bottom:12px;color:var(--esmalte)}
.autor{font-family:var(--rotulo);font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:1rem;color:var(--achiote);margin-bottom:22px}
.casa p.txt{max-width:46ch;font-size:1.18rem;margin-bottom:34px}
.cifras{display:flex;flex-wrap:wrap;gap:12px 34px;margin-bottom:30px}
.cifra{display:flex;flex-direction:column;line-height:1}
.cifra b{font-family:var(--display);font-weight:400;font-size:clamp(3rem,6vw,4.6rem);color:var(--achiote)}
.cifra span{margin-top:6px;font-family:var(--rotulo);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:1rem}
.modos{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}
.modos li{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:2px solid var(--cafe);border-radius:10px;font-family:var(--rotulo);font-weight:700;text-transform:uppercase;letter-spacing:.09em;font-size:1.05rem;background:var(--papel)}
.marco{position:relative;padding:14px 14px 56px;background:var(--papel);border:2px solid var(--cafe);border-radius:6px;transform:rotate(2.2deg);box-shadow:0 10px 0 -2px rgb(42 27 18/.2),0 30px 40px -24px rgb(42 27 18/.65)}
.marco .foto{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:2px}
.marco img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;will-change:transform}
.marco::before{content:"";position:absolute;top:-16px;left:50%;width:120px;height:32px;margin-left:-60px;background:rgb(232 167 44/.85);transform:rotate(-3deg);border:1px solid rgb(42 27 18/.25)}
.pegatina{position:absolute;right:-18px;bottom:-26px;transform:rotate(-4deg);padding:20px 24px 18px;max-width:210px;text-align:center;font-family:var(--rotulo);font-weight:700;text-transform:uppercase;letter-spacing:.08em;line-height:1.15}
.pegatina b{display:block;font-size:1.5rem;letter-spacing:.04em}
.pegatina small{font-size:.95rem;font-weight:600}
.flor{position:absolute;width:64px;height:64px;pointer-events:none;will-change:transform}
.casa .f1{left:-24px;top:-30px}
.casa .f2{right:6%;top:6%;width:44px;height:44px}

/* Carta destacada */
.dest{background:var(--esmalte);color:var(--papel);overflow:hidden}
.dest::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgb(255 255 255/.045) 0 34px,transparent 34px 68px),repeating-linear-gradient(0deg,rgb(255 255 255/.045) 0 34px,transparent 34px 68px);pointer-events:none}
.dest .wrap{position:relative}
.dest-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px 40px;margin-bottom:56px}
.dest-top .cq{flex:1 1 340px;min-width:0}
.dest .h2{color:var(--papel);max-width:12ch}
.dest .eti{color:var(--maiz)}
.dest-top p{max-width:34ch;font-size:1.12rem}
.dest-g{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.plato{display:flex;flex-direction:column;gap:14px;min-height:100%}
.plato .rotulo{color:inherit;opacity:.95}
.plato h3{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,3vw,2.3rem);line-height:1.05}
.dib{aspect-ratio:120/90;height:auto}
.plato svg.dib{width:100%;max-width:230px;margin:6px auto 4px}
.plato p{font-size:1.05rem}
.dest-g .placa:nth-child(1){transform:rotate(-1.4deg)}
.dest-g .placa:nth-child(2){transform:rotate(1deg)}
.dest-g .placa:nth-child(3){transform:rotate(-.6deg)}
.dest-cta{margin-top:56px;display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px}
.dest-cta p{max-width:40ch}

/* Reseñas */
.res{background:var(--maiz);overflow:hidden;isolation:isolate}
.res .tex{position:absolute;inset:-20% 0;z-index:-1;opacity:.5;background:
  repeating-linear-gradient(90deg,rgb(179 47 25/.28) 0 42px,transparent 42px 84px),
  repeating-linear-gradient(0deg,rgb(179 47 25/.28) 0 42px,transparent 42px 84px);will-change:transform}
.res-top{display:flex;flex-wrap:wrap;align-items:end;gap:14px 34px;margin-bottom:46px}
.nota{font-family:var(--display);font-size:clamp(5rem,15vw,10rem);line-height:.82;color:var(--cafe)}
.nota-t{max-width:20ch;font-family:var(--rotulo);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:1.2rem;line-height:1.25}
.res-g{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}
.quote{margin:0}
.quote .placa{padding:36px 32px 30px}
.quote blockquote{font-size:1.12rem;line-height:1.5;margin:0 0 18px}
.quote:nth-child(1) .placa{transform:rotate(-1.2deg)}
.quote:nth-child(2) .placa{transform:rotate(.9deg);margin-top:26px}
.quote:nth-child(3) .placa{transform:rotate(-.5deg)}
.quote .quien{font-family:var(--rotulo);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:1.02rem;line-height:1.2}
.quote .quien small{display:block;font-weight:600;letter-spacing:.06em;opacity:.9;font-size:.92rem;margin-top:2px}
.res-pie{margin-top:44px;display:flex;flex-wrap:wrap;gap:16px 30px;align-items:center}
.res-pie p{font-size:.98rem;max-width:44ch}

/* Horario y ubicación */
.hor{background:var(--crema);overflow:hidden}
.hor-g{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,5vw,80px);align-items:center}
.hora{text-align:center}
.hora .rotulo{display:block;margin-bottom:6px;opacity:.95}
.hora .grande{display:block;font-family:var(--display);font-size:clamp(5rem,14vw,8.6rem);line-height:.95}
.hora .sub{display:block;font-family:var(--rotulo);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:1.15rem;margin-bottom:18px}
.dias{list-style:none;padding:0;margin:0 0 14px;text-align:left}
.dias li{display:flex;justify-content:space-between;gap:16px;padding:11px 4px;border-top:1.5px solid rgb(243 230 200/.5);font-family:var(--rotulo);font-weight:600;text-transform:uppercase;letter-spacing:.09em;font-size:1.1rem}
.dias li:last-child{border-bottom:1.5px solid rgb(243 230 200/.5)}
.hora .mas{font-size:.98rem;margin-top:12px}
.hora .mas a{font-weight:700}
.donde .h2{margin-bottom:14px;color:var(--esmalte)}
.dir{display:block;text-decoration:none;font-family:var(--display);font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.1;margin-bottom:6px}
.dir:hover{color:var(--achiote)}
.plus{font-family:var(--rotulo);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:1rem;margin-bottom:22px}
.mapa{display:block;border:2px solid var(--cafe);border-radius:14px;overflow:hidden;background:var(--crema-2);box-shadow:0 8px 0 -1px rgb(42 27 18/.25);text-decoration:none}
.mapa svg{width:100%;height:auto}
.mapa .cap{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;font-family:var(--rotulo);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.98rem;background:var(--papel);border-top:2px solid var(--cafe)}

/* Pie */
.pie{background:var(--cafe);color:var(--crema);padding:clamp(64px,9vw,110px) 0 calc(44px + 74px)}
.pie .rotulo{color:var(--maiz)}
.tel-g{display:block;font-family:var(--display);font-size:clamp(2.6rem,12.5vw,8rem);line-height:1;text-decoration:none;margin:12px 0 44px;color:var(--papel);letter-spacing:-.01em;word-spacing:-.05em;overflow-wrap:anywhere}
.tel-g:hover{color:var(--maiz)}
.pie-g{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-bottom:46px}
.pie address{font-style:normal}
.pie-g p,.pie-g li{font-size:1.05rem}
.pie ul{list-style:none;padding:0;display:grid;gap:6px}
.pie a{text-decoration-thickness:2px;text-underline-offset:4px}
.pie a:hover{color:var(--maiz)}
.aviso{border-top:1.5px solid rgb(243 230 200/.3);padding-top:22px;font-size:.95rem;max-width:80ch;opacity:.95}
.aviso p+p{margin-top:6px}

/* Barra móvil */
.barra{position:fixed;left:0;right:0;bottom:0;z-index:90;display:none;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--esmalte-o);border-top:3px solid var(--cafe);transform:translate3d(0,110%,0);transition:transform .4s var(--ease)}
.barra.on{transform:none}
.barra .btn{flex:1 1 0;min-width:0;min-height:50px;font-size:1.02rem;letter-spacing:.05em;gap:.4em;padding:.6em .5em;white-space:nowrap}

/* Reveals */
html.js .rev{opacity:0;transform:translate3d(0,34px,0)}
html.js .rev.in{opacity:1;transform:none;transition:opacity .9s var(--ease),transform 1s var(--ease)}

/* ---------- CARTA ---------- */
.ch{position:relative;background:var(--esmalte);color:var(--papel);padding:calc(var(--nav) + 64px) 0 70px;overflow:hidden}
.ch::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgb(255 255 255/.05) 0 34px,transparent 34px 68px),repeating-linear-gradient(0deg,rgb(255 255 255/.05) 0 34px,transparent 34px 68px)}
.ch .wrap{position:relative}
.ch h1{font-family:var(--display);font-weight:400;font-size:clamp(3.4rem,15cqi,8.4rem);line-height:.95;margin-bottom:16px;text-shadow:0 3px 0 rgb(42 27 18/.55)}
.ch p{max-width:44ch;font-size:1.18rem}
.ch .eti{color:var(--maiz)}
.filtro{position:sticky;top:calc(var(--nav) + env(safe-area-inset-top));z-index:80;background:var(--crema);border-bottom:2px solid var(--cafe);box-shadow:0 8px 16px -12px rgb(42 27 18/.6)}
.filtro .wrap{display:flex;gap:10px;padding:12px 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.filtro .wrap::-webkit-scrollbar{display:none}
.filtro button{flex:none;min-height:46px;padding:.4em 1.2em;border:2px solid var(--cafe);border-radius:10px;background:var(--papel);font-family:var(--rotulo);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:1.08rem;transition:background .2s,color .2s,transform .2s}
.filtro button:hover{transform:translateY(-1px)}
.filtro button[aria-current="true"]{background:var(--esmalte);color:var(--papel)}
.carta{background:var(--crema);padding:56px 0 110px}
.carta-g{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.bloque{scroll-margin-top:calc(var(--nav) + 84px)}
.bloque .placa{height:100%;display:flex;flex-direction:column;gap:16px}
.bloque h2{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,10cqi,2.5rem);line-height:1.05}
.bloque .dib{width:100%;max-width:210px;margin:0 auto}
.bloque ul{list-style:none;padding:0;display:grid;gap:0}
.bloque li{padding:12px 0;border-top:1.5px solid color-mix(in srgb,var(--pt) 45%,transparent)}
.bloque li:first-child{border-top:0}
.bloque li b{display:block;font-family:var(--rotulo);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:1.28rem;line-height:1.15}
.bloque li span{display:block;font-size:.98rem;opacity:.95}
.bloque .aviso-c{font-size:1rem;margin-top:auto}
.bloque .btn{align-self:flex-start;margin-top:4px}
.nota-c{margin-top:44px;padding:22px 26px;border:2px dashed var(--cafe);border-radius:12px;max-width:70ch;font-size:1.05rem}
.nota-c a{font-weight:700}

/* ---------- Responsive ---------- */
@media (max-width:1000px){
  .casa-g,.hor-g{grid-template-columns:1fr}
  .dest-g,.res-g{grid-template-columns:1fr 1fr}
  .carta-g{grid-template-columns:1fr 1fr}
  .marco{width:min(100%,480px);margin:20px auto 0}
  .pie-g{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  :root{--nav:60px}
  .nav ul{display:none}
  .marca span{font-size:1.1rem}
  .marca svg{width:40px;height:40px}
  .hero{min-height:100svh}
  .hero::after{background:linear-gradient(0deg,rgb(19 42 99/.92) 0%,rgb(19 42 99/.72) 40%,rgb(19 42 99/.1) 74%),linear-gradient(180deg,rgb(19 42 99/.75) 0%,rgb(19 42 99/0) 28%)}
  .hero-bg img,.hero-bg video{object-position:50% 40%}
  .hero-in{padding-bottom:150px}
  .pausa{bottom:auto;top:calc(var(--nav) + 12px);right:var(--gut);width:44px;height:44px}
  .dest-g,.res-g,.carta-g{grid-template-columns:1fr}
  .dest-g .placa,.quote .placa{transform:none!important;margin-top:0!important}
  .quote:nth-child(2) .placa{margin-top:0}
  .barra{display:flex}
  .pie-g{grid-template-columns:1fr}
  .cinta{margin-top:-70px}
  .pegatina{right:-6px}
  .flor{display:none}
}
@media (max-width:420px){
  .hero .acciones .btn{flex:1 1 100%}
  .btn{font-size:1.1rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  html.js .rise,html.js .rev{opacity:1;transform:none}
  html.ready .rise,html.js .rev.in{transition:none}
  .pista{animation:none;flex-wrap:wrap;white-space:normal;row-gap:6px;padding:4px 0}
  .cinta .banda{white-space:normal;height:auto;min-height:66px;padding:6px 0}
  .cinta{height:auto;min-height:150px}
  .btn,.filtro button{transition:none}
  .barra{transition:none}
}