/* ===== PORTADA BMR · refresh (autónoma) ===== */
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:300 700;font-display:swap;src:url('/fuentes/source-serif-normal.woff2') format('woff2');}
@font-face{font-family:'Source Serif 4';font-style:italic;font-weight:400;font-display:swap;src:url('/fuentes/source-serif-italic.woff2') format('woff2');}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:300 700;font-display:swap;src:url('/fuentes/public-sans.woff2') format('woff2');}
@font-face{font-family:'Special Elite';font-style:normal;font-weight:400;font-display:swap;src:url('/fuentes/special-elite.woff2') format('woff2');}

:root{
  --paper:#f7f3ea; --paper-raised:#efe8d7; --ink:#201a14; --ink-soft:#6b5e4d;
  --burgundy:#5c1c1c; --burgundy-deep:#3a0f0f; --line:#e2d7c3; --line-strong:#cdbd9e;
  --cream:#f7f2e6; --focus:#1d6b5c;
  --font-display:'Source Serif 4','Iowan Old Style','Palatino Linotype',serif;
  --font-body:'Public Sans',-apple-system,'Helvetica Neue',sans-serif;
  --font-type:'Special Elite','Courier New',monospace;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;}
img{max-width:100%;display:block;}
a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:3px;}
em{font-style:italic;}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;}html{scroll-behavior:auto;}.hero video{display:none;}}

.grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.9 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease;}
.reveal.visible{opacity:1;transform:none;}

/* ── HERO con video ── */
.hero{position:relative;height:92vh;min-height:520px;max-height:900px;overflow:hidden;background:var(--ink);}
.hero video{position:absolute;left:0;top:-12%;width:100%;height:124%;object-fit:cover;filter:saturate(1.22) contrast(1.08) brightness(1.02);will-change:transform;}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,15,10,.34) 0%,rgba(20,15,10,.04) 30%,rgba(20,15,10,.1) 60%,rgba(14,10,7,.68) 100%);}
.hero-nav{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(20px,4vw,48px);}
.hero-nav .mark{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:300;font-size:1.05rem;color:#f5efe3;letter-spacing:.03em;text-transform:lowercase;}
.mark-logo{height:26px;width:auto;}
.hero-nav .links{display:flex;gap:clamp(16px,2.4vw,32px);font-size:12px;font-weight:300;letter-spacing:.07em;text-transform:lowercase;align-items:center;}
.hero-nav .links a{text-decoration:none;color:rgba(245,239,227,.86);}
.hero-nav .links a:hover{color:#fff;}
.hero-langs{display:flex;gap:4px;margin-left:8px;}
.lang-btn{background:none;border:1px solid rgba(245,239,227,.4);color:#f5efe3;font-family:var(--font-type);font-size:10px;padding:3px 6px;cursor:pointer;}
.lang-btn.active{background:var(--burgundy);border-color:var(--burgundy);}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;}
.hamburger span{width:22px;height:2px;background:#f5efe3;}
.hero-copy{position:absolute;left:clamp(20px,6vw,72px);right:clamp(20px,6vw,72px);bottom:clamp(32px,7vh,64px);z-index:3;color:#f7f2e6;}
.hero-copy .eyebrow{font-family:var(--font-type);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(247,242,230,.78);margin-bottom:14px;}
.hero-copy h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2.6rem,7vw,5rem);line-height:1.02;margin-bottom:16px;max-width:16ch;text-wrap:balance;}
.hero-copy p{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:clamp(1rem,1.6vw,1.2rem);color:rgba(247,242,230,.9);margin:0;max-width:46ch;}

/* mobile menu */
.mobile-nav{position:fixed;inset:0;z-index:70;background:var(--paper);flex-direction:column;align-items:center;justify-content:center;gap:26px;display:none;}
.mobile-nav.active{display:flex;}
.mobile-nav a{text-decoration:none;font-family:var(--font-display);font-size:1.6rem;color:var(--ink);}
.mobile-nav .hero-langs{margin-top:16px;}
.mobile-nav .lang-btn{border-color:var(--line-strong);color:var(--ink-soft);}

/* ── MENÚ de íconos ── */
.menu-wrap{max-width:1080px;margin:0 auto;padding:clamp(56px,9vw,96px) 28px 0;}
.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.4vw,32px);}
@media(max-width:880px){.menu-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:560px){.menu-grid{grid-template-columns:repeat(2,1fr);}}
.menu-tile{display:block;text-decoration:none;color:var(--ink);}
.menu-tile .thumb{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;transition:color .3s,transform .3s;}
.menu-tile .icon{width:44%;height:44%;background:var(--ink);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:background .3s;}
.menu-tile:hover .thumb{transform:translateY(-2px);}
.menu-tile:hover .icon{background:var(--burgundy);}
.menu-tile .label{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-top:6px;font-family:var(--font-display);font-weight:500;font-size:.98rem;text-align:center;}
.menu-tile .arrow{font-family:var(--font-body);color:var(--burgundy);font-size:.85rem;transition:transform .25s;}
.menu-tile:hover .arrow{transform:translateX(3px);}

/* ── secciones home ── */
.home-section{max-width:700px;margin:0 auto;padding:clamp(56px,9vw,96px) 28px 0;}
.eyebrow-label{font-family:var(--font-type);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--burgundy);margin-bottom:10px;}
.home-section h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.7rem,3.4vw,2.3rem);margin:0 0 24px;text-wrap:balance;}

/* instagram strip */
.ig-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;}
@media(max-width:560px){.ig-strip{grid-template-columns:repeat(2,1fr);}}
.ig-frame{aspect-ratio:4/5;overflow:hidden;background:var(--paper-raised);}
.ig-frame img{width:100%;height:100%;object-fit:cover;}
.ig-note{font-size:.86rem;color:var(--ink-soft);margin-top:16px;max-width:58ch;}

/* contacto */
.visita-photo{margin-bottom:30px;overflow:hidden;}
.visita-photo img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center 40%;}
.contact-lead{font-size:1rem;margin-bottom:22px;}
.contact-lead a{color:var(--burgundy);}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px;max-width:560px;}
.form-field{display:flex;flex-direction:column;gap:7px;}
.form-field.full{grid-column:1/-1;}
.form-field label{font-family:var(--font-type);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);}
.form-field input,.form-field textarea{border:none;border-bottom:1px solid var(--line-strong);background:transparent;padding:9px 2px;font-family:var(--font-body);font-size:1rem;color:var(--ink);}
.form-field textarea{resize:vertical;min-height:88px;}
.form-field input:focus,.form-field textarea:focus{outline:none;border-bottom-color:var(--burgundy);}
@media(max-width:560px){.form-grid{grid-template-columns:1fr;}}
.btn-submit{margin-top:22px;background:var(--burgundy);color:var(--cream);border:none;font-family:var(--font-body);font-weight:600;font-size:.93rem;padding:14px 26px;cursor:pointer;}
.btn-submit:hover{background:var(--burgundy-deep);}
.form-ok{margin-top:16px;color:var(--focus);font-size:.9rem;display:none;}

/* footer */
footer{margin-top:clamp(56px,9vw,96px);background:var(--ink);padding:3rem clamp(1.5rem,5vw,5rem);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.8rem;}
.footer-logo img{height:40px;width:auto;opacity:.85;}
.footer-text{font-family:var(--font-type);font-size:11px;letter-spacing:.04em;color:rgba(247,242,230,.55);}

/* WhatsApp float */
.wa-float{position:fixed;bottom:22px;right:22px;z-index:45;width:52px;height:52px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.25);}
.wa-float svg{width:28px;height:28px;fill:#fff;}

@media(max-width:620px){
  .hero-nav .links{display:none;}
  .hamburger{display:flex;}
}