/* Mavillum: identidad compartida. Las reglas se limitan a las cabeceras integradas.
   No modifica estados de error, permisos, tablas de datos ni comportamiento IA. */
:root{--mi-masajes:#173f38;--mi-terracota:#ad502a;--mi-terracota-decor:#c66538;--mi-oliva:#626b38;--mi-petroleo:#155a62;--mi-azul:#244361;--mi-marfil:#faf7f0;--mi-tinta:#213c35;--mi-linea:#dce3da;--mi-principal:var(--mi-azul)}
body[data-mv-area="masajes"]{--mi-principal:var(--mi-masajes);--color-verde:var(--mi-masajes);--color-verde-oscuro:#102e29;--color-naranja:var(--mi-terracota);--color-naranja-oscuro:#873e22;--color-texto:var(--mi-tinta);--color-texto-secundario:#53655d;--inicio-color-naranja:var(--mi-terracota);--inicio-color-naranja-oscuro:#873e22;--inicio-color-verde:var(--mi-masajes);--inicio-color-verde-hover:#102e29;--inicio-color-fondo:var(--mi-marfil);--inicio-color-fondo-2:#f1f3ec;--mv11-verde:var(--mi-masajes);--mv11-naranja:var(--mi-terracota);--mv11-verde-suave:#eaf0e9;--mv11-crema:var(--mi-marfil);background:var(--mi-marfil);color:var(--mi-tinta)}
html body[data-mv-area="masajes"] .site-header{background:#faf7f0f5!important;border-bottom-color:var(--mi-linea)!important;box-shadow:0 6px 24px #173f380d!important}
html body[data-mv-area="masajes"] .site-header:before{background:linear-gradient(90deg,var(--mi-masajes) 75%,var(--mi-terracota-decor) 75%)!important}
html body[data-mv-area="masajes"] .inicio-contenedor,
html body[data-mv-area="masajes"] .pagina-terapias{background:var(--mi-marfil)!important}
html body[data-mv-area="masajes"] .portada-hero{background:linear-gradient(115deg,#f4f2e9,#e8eee5)!important;border-color:#d2dccf!important;box-shadow:0 18px 50px #173f3814!important}
html body[data-mv-area="masajes"] .portada-hero__fondo{background:radial-gradient(ellipse at 95% 90%,#c665381a,transparent 65%)!important;animation:none!important}
html body[data-mv-area="masajes"] .portada-hero__halo{opacity:.12!important}
html body[data-mv-area="masajes"] .portada-hero__slogan,
html body[data-mv-area="masajes"] .portada-hero__centro,
html body[data-mv-area="masajes"] .cabecera-terapias h1{color:var(--mi-masajes)!important;text-shadow:none!important}
html body[data-mv-area="masajes"] .portada-hero__navlink,
html body[data-mv-area="masajes"] .site-header__link,
html body[data-mv-area="masajes"] .portada-hero__cta--secundario{background:#e5ebe1!important;color:var(--mi-masajes)!important;border-color:#ced9c8!important;box-shadow:none!important}
html body[data-mv-area="masajes"] .site-header__link.activo{background:var(--mi-masajes)!important;color:white!important;border-color:var(--mi-masajes)!important}
html body[data-mv-area="masajes"] .portada-hero__cta--principal,
html body[data-mv-area="masajes"] .portada-hero__whatsapp,
html body[data-mv-area="masajes"] .portada-hero__navlink--whatsapp,
html body[data-mv-area="masajes"] .site-header__whatsapp{background:var(--mi-terracota)!important;color:#fff!important;border-color:var(--mi-terracota)!important;box-shadow:0 4px 12px #ad502a22!important;text-shadow:none!important}
html body[data-mv-area="masajes"] .cabecera-terapias{background:#f0f3ec!important;border-color:var(--mi-linea)!important;box-shadow:0 12px 32px #173f380d!important}
html body[data-mv-area="masajes"] .tarjeta-link{border-color:var(--mi-linea)!important;box-shadow:0 8px 24px #173f3810!important}
/* Paleta privada: cada cabecera conserva su nombre e icono originales. */
body[data-mv-area="frecuencias"]{--mi-principal:var(--mi-petroleo);--mi-suave:#e5f0f0;--mi-oscuro:#102b30;--mi-claro:#a7d8d9}
body[data-mv-area="masajes-privado"]{--mi-principal:var(--mi-masajes);--mi-suave:#edf1e8;--mi-oscuro:#132b25;--mi-claro:#b7d4c3}
html body[data-mv-area] .mv-masajes-header{background:var(--mi-suave)!important;border-color:var(--mi-principal)!important;border-top:4px solid var(--mi-principal)!important}
html body[data-mv-area] .mv-masajes-header .mv-breadcrumb,
html body[data-mv-area] .mv-masajes-header .mv-masajes-brand-sub{color:var(--mi-principal)!important}
html body[data-mv-area] .mv-masajes-nav-all a.is-active,
html body[data-mv-area] .btn-primary{background:var(--mi-principal)!important;color:white!important;border-color:var(--mi-principal)!important}
html.mv-dark body[data-mv-area] .mv-masajes-header{background:var(--mi-oscuro)!important;border-color:var(--mi-claro)!important}
html.mv-dark body[data-mv-area] .mv-masajes-header .mv-breadcrumb,
html.mv-dark body[data-mv-area] .mv-masajes-header .mv-masajes-brand-sub{color:var(--mi-claro)!important}
/* Gestion: portada y controles comunes, sin alterar los colores de estados. */
html body[data-mv-area="gestion"] .top{background:#e9eff5!important;border-top:4px solid var(--mi-azul)!important;box-shadow:0 10px 30px #24436110!important}
html body[data-mv-area="gestion"] .brand-title{color:var(--mi-azul)!important}
html body[data-mv-area="gestion"] .actions a,
html body[data-mv-area="gestion"] .actions button{background:var(--mi-azul)!important;color:white!important;border-color:var(--mi-azul)!important}
html[data-mv-theme-resolved="dark"] body[data-mv-area="gestion"] .top{background:#142536!important;border-color:#7fa8cc!important}
html[data-mv-theme-resolved="dark"] body[data-mv-area="gestion"] .brand-title{color:#dceaf7!important}
/* Cocina: oliva, manteniendo controles compactos y temas existentes. */
html .c-shell{--c-primary:var(--mi-oliva);--c-primary-strong:#444c27;--c-button-soft:#e9ebdd;--c-button-ink:#343d22;--c-row-band:#f3f3e9}
html .c-shell .c-header{border-top:4px solid var(--mi-oliva)}
html .c-shell .c-nav a.is-active{background:var(--mi-oliva)!important;color:#fff!important}
html[data-mv-theme-resolved="dark"] .c-shell{--c-button-soft:#333c27;--c-button-ink:#e6ebd5;--c-row-band:#222a1c}
/* Foco visible y movimiento reducido en los componentes integrados. */
body[data-mv-area] a:focus-visible,body[data-mv-area] button:focus-visible,.c-shell a:focus-visible,.c-shell button:focus-visible{outline:3px solid #c66538!important;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body[data-mv-area="masajes"] *,body[data-mv-area="masajes"] *:before,body[data-mv-area="masajes"] *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

html body[data-mv-area="masajes"] .portada-hero__cta,html body[data-mv-area="masajes"] .portada-hero__logo,html body[data-mv-area="masajes"] .portada-hero__centro{animation:none!important}