/* ── base.css — estilos compartidos por todas las páginas ── */
:root{
  --cr:#F5F1E8;--ng:#2B2B2B;--tc:#C17A5C;--tcl:#d4977e;
  --vd:#9CAA97;--gs:#8a8578;--bl:#FFFDF9;
  --max:860px;
  --nav-h: 60px; /* altura del nav fijo — actualizar si cambia el diseño */
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'EB Garamond',Georgia,serif;
  background:var(--cr);
  color:var(--ng);
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  padding-top: var(--nav-h);
}

/* Cuando WordPress muestra la barra de admin (logged-in),
   la barra ocupa 32px en desktop y 46px en móvil.
   Compensamos el nav fijo para que no tape el contenido. */
.admin-bar nav {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar nav {
    top: 46px;
  }
}

/* NAV — compartido */
nav{position:fixed;top:0;width:100%;background:rgba(245,241,232,0.96);backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid rgba(193,122,92,0.15)}
.ni{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}
.logo{font-family:'EB Garamond',serif;font-size:1.3rem;font-style:italic;color:var(--tc);text-decoration:none;letter-spacing:-0.02em}
.nl{display:flex;gap:32px;list-style:none;align-items:center}
.nl a{font-family:'Inter',sans-serif;font-size:0.8rem;font-weight:400;letter-spacing:0.01em;color:var(--gs);text-decoration:none;transition:color .2s}
.nl a:hover,.nl a[aria-current="page"]{color:var(--ng)}
.nl .nav-cta-highlight{font-weight:500;color:var(--tc);border-bottom:1px solid rgba(193,122,92,0.4);padding-bottom:1px}
.nl .nav-cta-highlight:hover{color:var(--ng);border-color:var(--ng)}
.ncta{font-family:'Inter',sans-serif;font-size:0.78rem;font-weight:500;letter-spacing:0.06em;background:var(--tc);color:var(--bl);padding:10px 22px;text-decoration:none;transition:background .3s;white-space:nowrap}
.ncta:hover{background:var(--ng)}

/* FOOTER — compartido */
footer{background:var(--ng);color:rgba(245,241,232,0.4);padding:52px 24px;text-align:center}
footer .logo{display:block;margin-bottom:14px;font-size:1.5rem}
footer p{font-family:'Inter',sans-serif;font-size:0.78rem;line-height:1.9}
footer a{color:var(--tcl);text-decoration:none}
footer a:hover{text-decoration:underline}

/* ── BOTÓN HAMBURGUESA ── */
.nav-mobile-btn{
  display:none;
  flex-direction:column;
  gap:5px;
  background:none;
  border:none;
  cursor:pointer;
  padding:4px;
  z-index:210;
  position:relative;
}
.nav-mobile-btn span{
  display:block;
  width:22px;
  height:1.5px;
  background:var(--ng);
  transition:all 0.3s;
}
/* X cuando está abierto */
.nav-mobile-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-mobile-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-mobile-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* ── MENÚ MÓVIL ── */
@media(max-width:768px){
  .nav-mobile-btn{display:flex}
  .nl{
    display:none;
    position:fixed;
    top:0;left:0;right:0;
    background:rgba(245,241,232,0.98);
    backdrop-filter:blur(12px);
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:32px;
    height:100vh;
    z-index:200;
    padding:80px 24px 40px;
  }
  .nl.is-open{display:flex}
  .nl a{font-size:1.3rem;color:var(--ng)}
  .ncta{display:none} /* el botón CTA se mueve al menú */
}

/* ── Footer nav menu ── */
.footer-menu { list-style:none; display:flex; gap:20px; justify-content:center; flex-wrap:wrap; margin:14px 0 18px; padding:0; }
.footer-menu li a { font-family:'Inter',sans-serif; font-size:0.75rem; color:rgba(245,241,232,0.5); text-decoration:none; letter-spacing:.06em; }
.footer-menu li a:hover { color:var(--tcl); }

/* ── Nav wp_nav_menu — active state ── */
.nl .current-menu-item > a,
.nl .current_page_item > a { color:var(--tc); }