/* ===== BASE COMPARTIDA (todas las páginas) ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--gold:#C8AC2C;--gold-l:#E2CC5A;--gold-d:#9A8320;--cream:#FAF6EE;--cream2:#F0E9D8;--brown:#6B5B3E;--dark:#2C2C2C;--white:#FFFFFF}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:'Lato',sans-serif;background:var(--cream);color:var(--dark);overflow-x:hidden}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif}
img{max-width:100%}

/* NAV */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:14px 48px;background:rgba(250,246,238,.96);backdrop-filter:blur(8px);border-bottom:1px solid rgba(200,172,44,.2)}
.site-nav .logo{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:500;color:var(--gold-d);text-decoration:none;line-height:1;white-space:nowrap}
.site-nav .logo small{display:block;font-family:'Lato',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--brown);margin-top:4px}
.nav-links{display:flex;gap:28px;list-style:none;margin-left:auto}
.nav-links a{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--brown);transition:color .2s;padding-bottom:4px;border-bottom:2px solid transparent}
.nav-links a:hover{color:var(--gold)}
.nav-links a[aria-current="page"]{color:var(--gold-d);border-bottom-color:var(--gold)}
.nav-cta{background:var(--gold);color:#fff!important;padding:9px 20px;border-radius:2px;text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:background .2s;white-space:nowrap}
.nav-cta:hover{background:var(--gold-d)}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;width:40px;height:40px;padding:8px;flex-direction:column;justify-content:center;gap:5px}
.nav-toggle span{display:block;height:2px;background:var(--gold-d);border-radius:2px;transition:transform .25s,opacity .25s}
.site-nav.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-nav.open .nav-toggle span:nth-child(2){opacity:0}
.site-nav.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* BOTONES */
.btn{display:inline-block;padding:15px 38px;font-size:.78rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:all .25s}
.btn-gold{background:var(--gold);color:#fff;box-shadow:0 4px 20px rgba(200,172,44,.35)}
.btn-gold:hover{background:var(--gold-d);transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--gold-d);border:1.5px solid var(--gold)}
.btn-outline:hover{background:var(--gold);color:#fff}

/* REDES SOCIALES */
.social-links{display:flex;gap:16px;margin-top:28px;flex-wrap:wrap;align-items:center}
.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;transition:transform .2s,opacity .2s;text-decoration:none}
.social-link:hover{transform:translateY(-3px);opacity:.85}
.social-link svg{width:26px;height:26px;display:block}

/* FOOTER */
.site-footer{background:var(--cream);color:var(--dark);padding:52px 48px;text-align:center;border-top:1px solid rgba(60,45,20,.2)}
.f-logo{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:400;color:var(--gold-d);margin-bottom:6px}
.f-by{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(60,45,20,.6);margin-bottom:24px}
.f-links{display:flex;justify-content:center;gap:28px;list-style:none;margin-bottom:24px;flex-wrap:wrap}
.f-links a{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:rgba(60,45,20,.6);transition:color .2s}
.f-links a:hover{color:var(--gold-d)}
.f-copy{font-size:.72rem;color:rgba(60,45,20,.5);line-height:1.7}
.f-copy a{color:inherit}

/* COOKIES */
#cookie-banner{display:none;position:fixed;left:16px;right:16px;bottom:16px;z-index:99999;max-width:760px;margin:0 auto;background:#fff;border:1px solid rgba(154,131,32,.45);border-top:4px solid #C8AC2C;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.18);padding:20px 22px;font-family:'Lato',sans-serif;color:#2C2C2C}
#cookie-banner p{font-size:.88rem;line-height:1.55;margin:0 0 14px}
#cookie-banner a{color:#9A8320;font-weight:700}
#cookie-banner .ck-row{display:flex;gap:10px;flex-wrap:wrap}
#cookie-banner button{flex:1;min-width:140px;padding:12px 18px;border-radius:6px;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;font-family:'Lato',sans-serif}
#ck-accept{background:#C8AC2C;color:#1E1A0F;border:1.5px solid #C8AC2C}
#ck-accept:hover{background:#9A8320;color:#fff}
#ck-reject{background:transparent;color:#9A8320;border:1.5px solid #C8AC2C}
#ck-reject:hover{background:#FAF6EE}

/* RESPONSIVE NAV / FOOTER */
@media(max-width:1024px){.site-nav{padding:12px 28px}}
@media(max-width:860px){
  .nav-toggle{display:flex;order:3}
  .nav-cta{margin-left:auto}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--cream);border-bottom:1px solid rgba(200,172,44,.3);box-shadow:0 12px 24px rgba(0,0,0,.08)}
  .site-nav.open .nav-links{display:flex}
  .nav-links a{display:block;padding:16px 28px;border-bottom:1px solid rgba(200,172,44,.15)}
  .nav-links a[aria-current="page"]{border-bottom-color:rgba(200,172,44,.15);background:rgba(200,172,44,.1)}
}
@media(max-width:480px){
  .site-nav{padding:10px 16px;gap:10px}
  .site-nav .logo{font-size:1.25rem}
  .site-nav .logo small{font-size:.5rem;letter-spacing:.16em}
  .nav-cta{padding:7px 10px;font-size:.62rem;letter-spacing:.08em;white-space:normal;text-align:center;line-height:1.25;max-width:118px}
  .site-footer{padding:44px 16px}
}