/* Homenajes Eternos · v2 */
:root{
  --noche:#0d1016;--noche2:#151a23;--noche3:#1e2430;
  --marfil:#f6f1e9;--papel:#fbf8f3;--arena:#ece3d4;--linea:#e4d9c6;
  --tinta:#17130f;--suave:#6b6359;--suave2:#a59c90;
  --oro:#c7a368;--oro2:#e6c896;--flor:#e8892c;
  --r:22px;--sombra:0 30px 80px -30px rgba(20,14,6,.35);
  --serif:"Instrument Serif","Cormorant Garamond",Georgia,serif;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;line-height:1.05;margin:0}
h1 em,h2 em,h3 em{font-style:italic;color:var(--oro)}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.angosto{max-width:760px}
.ceja{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--oro)}
.ceja:before{content:"";width:22px;height:1px;background:currentColor}
.centro{text-align:center}.centro .ceja:after{content:"";width:22px;height:1px;background:currentColor}

/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:16px 28px;font:700 15px/1 var(--sans);letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s,color .25s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-oro{background:linear-gradient(135deg,var(--oro2),var(--oro));color:#1b140a;box-shadow:0 14px 34px -12px rgba(199,163,104,.7)}
.btn-oro:hover{box-shadow:0 20px 44px -14px rgba(199,163,104,.85)}
.btn-tinta{background:var(--tinta);color:var(--marfil)}
.btn-vidrio{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.btn-vidrio:hover{background:rgba(255,255,255,.16)}
.btn-linea{background:transparent;color:var(--tinta);border:1px solid var(--linea)}
.btn-linea:hover{border-color:var(--tinta)}
.btn svg{width:18px;height:18px;flex:none}

/* navegación */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .35s,box-shadow .35s,padding .35s;padding:18px 0}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav.solida{background:rgba(13,16,22,.82);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 1px 0 rgba(255,255,255,.06);padding:12px 0}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-family:var(--serif);font-size:25px;line-height:1}
.marca i{font-style:italic;color:var(--oro2)}
.marca svg{width:30px;height:30px}
.nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}
.nav ul a{color:rgba(255,255,255,.78);text-decoration:none;font-size:14px;font-weight:600;transition:color .2s}
.nav ul a:hover{color:#fff}
.nav .btn{padding:12px 20px;font-size:14px}
@media (max-width:900px){.nav ul{display:none}}
.corto{display:none}
@media (max-width:560px){.nav .btn{padding:10px 16px;font-size:13px}.largo{display:none}.corto{display:inline}.marca{font-size:22px}}

/* secciones */
.sec{padding:120px 0}
.sec-oscura{background:var(--noche);color:#e9e4da}
.sec-oscura h2{color:#fff}
.sec-marfil{background:var(--marfil)}
.titulo{font-size:clamp(40px,5.4vw,68px);margin:18px 0 18px}
.sub{color:var(--suave);font-size:18px;max-width:600px}
.centro .sub{margin:0 auto}
.sec-oscura .sub{color:var(--suave2)}
@media (max-width:700px){.sec{padding:84px 0}}

/* aparición al hacer scroll */
.rev{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rev.si{opacity:1;transform:none}
.rev.d1{transition-delay:.08s}.rev.d2{transition-delay:.16s}.rev.d3{transition-delay:.24s}.rev.d4{transition-delay:.32s}
@media (prefers-reduced-motion:reduce){.rev{opacity:1;transform:none;transition:none}*{animation:none!important}}

/* whatsapp flotante */
.wa-flotante{position:fixed;right:20px;bottom:20px;width:60px;height:60px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.25);z-index:60;transition:transform .2s}
.wa-flotante:hover{transform:scale(1.07)}
.wa-flotante svg{width:30px;height:30px;fill:#fff}

/* pie */
.pie{background:var(--noche);color:var(--suave2);padding:70px 0 40px;font-size:14px}
.pie .wrap{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;align-items:flex-start}
.pie a{color:var(--suave2);text-decoration:none}.pie a:hover{color:#fff}
.pie .marca{margin-bottom:12px}
.pie .cols{display:flex;gap:60px;flex-wrap:wrap}
.pie h4{color:#fff;font:700 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pie .legal{width:100%;border-top:1px solid rgba(255,255,255,.08);padding-top:24px;margin-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}