/* =====================================================================
   We Met Dancing · estilo v2 (oct-2026)
   Hoja común para las páginas interiores: misma paleta, tipografía,
   botones y menú flotante que la home. Se carga DESPUÉS del CSS propio
   de cada página, así que manda sobre el estilo antiguo (azul + serif).
   ===================================================================== */

:root{
  --ink:#2B2730; --tint:#FDF4F7; --tint-b:#F5DDE6;
  --btn:#F08BA2; --btn-h:#E46F8B; --btn-t:#2B2730;
  /* variables antiguas reasignadas a la paleta nueva */
  --azul:#2B2730; --azul-noche:#2B2730; --tinta:#2B2730;
  --granate:#B8325E; --amarillo:#F08BA2;
  --crema:#FFFFFF; --rosa:#FDF4F7; --rosa-fuerte:#F5DDE6;
}

/* ---------- tipografía ---------- */
body{font-family:'DM Sans',system-ui,sans-serif!important;color:var(--ink)!important;background:#fff!important}
h1,h2,h3,h4{font-family:'DM Sans',system-ui,sans-serif!important;font-weight:700!important;letter-spacing:-.025em!important}
h1{letter-spacing:-.035em!important}
*{font-style:normal!important}
h1 em,h2 em,h3 em,h1 i,h2 i,h3 i,h1 .it,h2 .it,h3 .it{color:var(--granate)!important}

/* ---------- botones ---------- */
.btn-primary,.btn.btn-primary,a.btn-primary,button.btn-primary{
  background:var(--btn)!important;color:var(--btn-t)!important;border:none!important;
  border-radius:999px!important;font-family:'DM Sans',sans-serif!important;font-weight:700!important;
  text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;font-size:1rem!important;padding:16px 28px!important}
.btn-primary:hover{background:var(--btn-h)!important;color:var(--btn-t)!important}
.btn-ghost,.btn.btn-ghost,.btn-secondary{border-radius:999px!important;font-family:'DM Sans',sans-serif!important;
  border:1.5px solid var(--tint-b)!important;color:var(--ink)!important;background:#fff!important;text-transform:none!important;letter-spacing:0!important}
.btn-ghost:hover,.btn-secondary:hover{background:var(--tint)!important}

/* ---------- menú flotante (igual que la home) ---------- */
.v2-float nav{position:fixed!important;top:0;left:0;right:0;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important;height:0!important;z-index:60!important}
.v2-float nav .wrap{height:0!important;padding:0!important;max-width:none!important}
.v2-float nav .brand,.v2-float nav .lang-mobile{display:none!important}
.v2-float nav .menu-btn{display:flex!important;align-items:center;justify-content:center;position:fixed;top:18px;left:18px;width:58px;height:58px;border-radius:50%;background:rgba(43,39,48,.72)!important;color:#fff!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:70;padding:0!important;border:none!important;box-shadow:0 0 0 1px rgba(255,255,255,.28)!important}
.v2-float nav .menu-btn svg{width:28px;height:28px}
.v2-float nav .nlinks{display:none!important;position:fixed!important;inset:0!important;background:rgba(20,16,25,.96)!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center;gap:6px!important;padding:90px 36px 40px!important;box-shadow:none!important;border:none!important;z-index:65}
.v2-float nav .nlinks.open{display:flex!important}
.v2-float nav .nlinks a.nlink{font-family:'DM Sans',sans-serif!important;font-weight:800!important;font-size:clamp(2rem,6vw,3.2rem)!important;letter-spacing:-.035em!important;text-transform:lowercase!important;color:#fff!important;padding:4px 0!important;text-decoration:none!important}
.v2-float nav .nlinks a.nlink:hover{color:var(--btn)!important}
.v2-float nav .nlinks .lang{margin:18px 0 0!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.4)!important;background:none!important;padding:8px 16px!important;border-radius:999px!important}
.v2-float nav .nlinks .cta{margin:12px 0 0!important;background:#fff!important;color:#141019!important;font-family:'DM Sans',sans-serif!important;text-transform:lowercase!important;letter-spacing:0!important;font-size:1rem!important;padding:14px 24px!important;border-radius:999px!important}
@media(max-width:860px){.v2-float nav .menu-btn{top:12px;left:12px;width:50px;height:50px}}

/* logo arriba en el centro + idioma arriba a la derecha (páginas interiores) */
.v2-logo{position:absolute;top:24px;left:50%;transform:translateX(-50%);z-index:20;display:block}
.v2-logo img{height:44px;width:auto;display:block;filter:brightness(0);opacity:.88}
.v2-logo.light img{filter:brightness(0) invert(1);opacity:1}
.v2-lang{position:absolute;top:28px;right:22px;z-index:20;font-family:'DM Sans',sans-serif;font-weight:700;font-size:.85rem;padding:10px 16px;border-radius:999px;text-decoration:none;color:var(--ink);background:var(--tint);border:1px solid var(--tint-b)}
.v2-lang.light{color:#fff;background:rgba(20,16,25,.55);border:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@media(max-width:860px){.v2-logo{top:18px}.v2-logo img{height:36px}.v2-lang{top:20px;right:12px}}

/* ---------- etiquetas pequeñas tipo "eyebrow" ---------- */
.eyebrow,.kick-mono,.label,.ey{font-family:'DM Mono',ui-monospace,monospace!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--granate)!important}

/* ---------- pie de página ---------- */
footer{background:#fff!important;border-top:1px solid var(--tint-b)!important}
footer .bye{font-family:'DM Sans',sans-serif!important;font-weight:700!important;letter-spacing:-.02em;color:var(--ink)!important;font-size:1.4rem!important}
footer a{color:var(--ink)!important}
footer .small,footer .legal a{color:#7a7480!important}

/* ---------- WhatsApp flotante ---------- */
.wa-float{z-index:55}
/* ===== Menú móvil: fondo opaco, X para cerrar, sin scroll detrás (oct-2026) ===== */
nav .nlinks{background:#1d1a21!important;height:100vh!important;height:100dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
nav .nlinks .lang{display:inline-flex!important;align-self:flex-start}
body:has(nav .nlinks.open){overflow:hidden!important;touch-action:none}
body:has(nav .nlinks.open) .wa-float,body:has(nav .nlinks.open) .sticky-book,body:has(nav .nlinks.open) .hf-top,body:has(nav .nlinks.open) .v2-lang,body:has(nav .nlinks.open) .v2-logo{display:none!important}
nav .menu-btn svg line{transition:transform .2s,opacity .2s;transform-box:fill-box;transform-origin:center}
nav .menu-btn[aria-expanded="true"] svg line:nth-child(1){transform:translateY(5px) rotate(45deg)}
nav .menu-btn[aria-expanded="true"] svg line:nth-child(2){opacity:0}
nav .menu-btn[aria-expanded="true"] svg line:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
@media(max-width:860px){nav .nlinks{padding:96px 28px 40px!important;justify-content:flex-start!important}nav .nlinks a.nlink{font-size:2.3rem!important}}