/* ============================================================
   CABECERA UNIFICADA — identidad EXACTA de la Home local
   (maria-romero-premium-preview/index.html · preview.css).
   Misma marca (logo SVG canónico), mismo menú (4 servicios),
   misma tipografía (Geist), mismo comportamiento (sticky sin
   encogimiento, menú móvil de discusión nativa).
   Sustituye a la cabecera mr-header del sistema interior;
   se declara DESPUÉS de base.css para ganar los empates de
   especificidad y neutralizar su cabecera fija rosa.
   ============================================================ */

/* Ayudas de accesibilidad (mismas definiciones de preview.css) */
.skip-link{position:absolute;z-index:50;top:-100px;left:18px;padding:10px 15px;background:#fff;color:var(--rosa-profundo)}
.skip-link:focus{top:12px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

.site-header{position:sticky;inset:auto;z-index:20;top:0;background:rgba(250,244,247,.97);border-bottom:1px solid rgba(140,42,91,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.site-header.is-scrolled{background:rgba(250,244,247,.97)}
.header-inner{width:min(100%,1440px);max-width:none;height:88px;margin:auto;padding:0 clamp(24px,5.8vw,82px);display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{flex:0 0 auto;display:flex;align-items:center;gap:0;white-space:normal}
.brand img{width:auto;height:74px;max-width:350px;object-fit:contain;object-position:left center}
.desktop-nav{display:flex;align-items:center;gap:clamp(17px,2.15vw,31px)}
.desktop-nav>a:not(.button){font-family:var(--font-sans,Geist,Arial,sans-serif);font-size:14px;text-decoration:none;white-space:nowrap;opacity:1}
.desktop-nav>a:not(.button):hover{color:var(--rosa-profundo)}
.desktop-nav .header-phone{font-weight:650}
.mobile-header-actions{display:none}
.button{display:inline-flex;min-height:48px;padding:12px 21px;align-items:center;justify-content:center;border:1px solid var(--rosa-accion);background:var(--rosa-accion);color:#fff;text-decoration:none;font-family:var(--font-sans,Geist,Arial,sans-serif);font-size:13px;font-weight:600;letter-spacing:.015em;transition:background .2s,border-color .2s,transform .2s}
.button:hover{background:var(--rosa-profundo);border-color:var(--rosa-profundo);transform:translateY(-2px)}
.button-small{min-height:44px;padding:10px 19px}
.nav-disclosure{display:none}

@media(max-width:900px){
  .header-inner{padding-inline:26px;gap:18px}
  .brand img{height:64px;max-width:290px}
  .desktop-nav{gap:16px}
  .desktop-nav>a:not(.button){font-size:12px}
  .desktop-nav .header-phone{display:none}
}
@media(max-width:760px){
  .header-inner{height:68px;padding:0 18px;gap:10px}
  .brand img{height:49px;max-width:185px}
  .desktop-nav{display:none}
  .mobile-header-actions{display:flex;align-items:center;gap:10px}
  .mobile-header-actions .button-small{min-height:37px;padding:8px 13px;font-size:11px;white-space:nowrap}
  .nav-disclosure{display:block;position:relative}
  .nav-disclosure summary{width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;list-style:none;cursor:pointer}
  .nav-disclosure summary::-webkit-details-marker{display:none}
  .nav-disclosure summary>span:not(.visually-hidden){width:21px;height:1px;background:var(--rosa-profundo)}
  .nav-disclosure nav{position:absolute;right:-7px;top:48px;width:min(315px,calc(100vw - 28px));padding:15px 17px;background:#faf4f7;border:1px solid rgba(140,42,91,.15);box-shadow:0 16px 34px #24121d24}
  .nav-disclosure[open] nav{display:grid}
  .nav-disclosure nav>a{padding:12px 5px;border-bottom:1px solid #eadfe5;font-size:13px;text-decoration:none}
  .nav-disclosure nav .nav-book{margin-top:9px;padding:12px;background:var(--rosa-profundo);color:#fff;text-align:center}
}
@media(max-width:380px){
  .header-inner{padding-inline:13px}
  .brand img{max-width:153px;height:43px}
  .mobile-header-actions{gap:7px}
  .mobile-header-actions .button-small{padding-inline:9px;font-size:10px}
  .nav-disclosure summary{width:36px}
}
@media(prefers-reduced-motion:reduce){
  .site-header,.button{transition:none!important}
}