/* NOMISIS GLASS · capa reversible encima del diseño premium. */
:root{--glass-bg:rgba(7,20,42,.77);--glass-mid:rgba(13,36,70,.73);--glass-border:rgba(147,194,255,.23);--glass-text:#f4f8ff;--glass-muted:#bfd0e8}
html{background:#030e20}
body{background:transparent!important;color:var(--glass-text);isolation:isolate}
/* El logotipo queda detrás de todo el sitio, nunca intercepta clics. */
body::before{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,rgba(16,62,116,.58),transparent 67%),linear-gradient(130deg,#030c1e 0%,#071b38 54%,#030d20 100%)}
body::after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(rgba(3,13,30,.54),rgba(3,13,30,.65)),url('../assets/img/logo.png');background-position:center,center;background-repeat:no-repeat;background-size:cover,clamp(330px,53vw,760px) auto;opacity:.78}
/* Superficies generales: se mantiene la geometría de las páginas originales. */
:is(main,body)>:is(section,article),:is(.module-section,.module-intro,.module-final,.payroll-ecosystem,.ecosistema-completo,.hero,.features,.section,.advantages,.benefits,.cta-section,.pricing-section,.footer-tech,.footer,.module-hero,.nomisis-mexico-signature){background:var(--glass-bg)!important;border-color:var(--glass-border);color:var(--glass-text);backdrop-filter:blur(15px) saturate(135%);-webkit-backdrop-filter:blur(15px) saturate(135%)}
:is(.module-section.dark,.module-hero,.hero,.footer-tech,.ecosistema-completo){background:rgba(4,15,36,.76)!important}
:is(.module-section,.module-intro,.module-final,.payroll-ecosystem,.ecosistema-completo){border-top:1px solid rgba(135,181,244,.14)}
/* Componentes sobre el vidrio */
:is(.module-final-panel,.ecosystem-box,.module-card,.feature-card,.benefit-card,.pricing-card,.card,.integracion-modulo,.nomisis-marquee-item.nomisis-module-link,.nomisis-mexico-signature){background:var(--glass-mid)!important;border:1px solid var(--glass-border)!important;box-shadow:0 14px 40px rgba(0,0,0,.19);color:var(--glass-text);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.nomisis-marquee-item.nomisis-module-link:hover{background:rgba(23,79,143,.88)!important}
/* Contraste en las secciones de marketing; no se fuerzan inputs ni widgets del cotizador. */
:is(.module-section,.module-intro,.module-final,.payroll-ecosystem,.ecosistema-completo,.footer-tech) :is(h1,h2,h3,h4,strong){color:#f7faff}
:is(.module-section,.module-intro,.module-final,.payroll-ecosystem,.ecosistema-completo,.footer-tech) :is(p,li,small){color:var(--glass-muted)}
:is(.module-section,.module-intro,.module-final,.payroll-ecosystem,.ecosistema-completo) a:not(.btn):not(.button){color:#9ecbff}
.ecosistema-contenedor>h2{color:#fff}.ecosistema-contenedor>p{color:#c4d7f2}
/* Header fijo translúcido si el diseño original lo permite */
.header{background:rgba(4,15,36,.83)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(139,190,255,.2)}
/* No aplicar vidrio a imágenes/capturas ni a formularios interactivos. */
img,video,canvas{backdrop-filter:none!important}
input,select,textarea,option{color-scheme:light}
/* Accesibilidad y desempeño en móvil */
@media(max-width:767px){body::after{background-size:cover,82vw auto;background-position:center,center 34%;opacity:.63}:is(.module-section,.module-intro,.module-final,.payroll-ecosystem,.ecosistema-completo){backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.nomisis-marquee-item.nomisis-module-link{backdrop-filter:blur(6px)}}
@media(prefers-reduced-transparency:reduce){:is(.module-section,.module-intro,.module-final,.payroll-ecosystem,.ecosistema-completo,.footer-tech){background:#0b2140!important}}
@media(prefers-reduced-motion:reduce){body::after{background-attachment:scroll}}
/* v2: logo perceptible y mejor contraste */
html{background:#031126!important}
body{background:radial-gradient(ellipse at 50% 45%,rgba(15,63,126,.20),rgba(2,10,26,.18) 78%),url('../assets/img/logo.png') center 48% / clamp(440px,65vw,940px) auto fixed no-repeat,#04152d!important;background-attachment:fixed!important}
body::before,body::after{display:none!important}
:is(main,body)>:is(section,article),:is(.module-section,.module-intro,.module-final,.payroll-ecosystem,.ecosistema-completo,.hero,.features,.section,.advantages,.benefits,.cta-section,.pricing-section,.footer-tech,.footer,.module-hero,.nomisis-mexico-signature){background:rgba(4,16,37,.48)!important;backdrop-filter:blur(5px) saturate(125%)!important;-webkit-backdrop-filter:blur(5px) saturate(125%)!important}
:is(.module-section.dark,.module-hero,.hero,.footer-tech,.ecosistema-completo){background:rgba(3,13,31,.55)!important}
:is(.module-final-panel,.ecosystem-box,.module-card,.feature-card,.benefit-card,.pricing-card,.card,.integracion-modulo,.nomisis-marquee-item.nomisis-module-link){background:rgba(12,37,73,.66)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
:is(h1,h2,h3,h4,.hero h1,.hero h2,.features h2,.feature-card h3,.feature-card h4,.card h3){color:#f5f9ff!important}
:is(.hero,.features,.section,.advantages,.benefits,.footer-tech) :is(p,li){color:#c5d4e9}
:is(.header,.header nav,.header .nav-links) a:not(.btn):not(.button){color:#e1edff!important}
@media(max-width:767px){body{background-size:auto,90vw auto,auto!important;background-position:center,center 36%,center!important}}

/* NOMISIS — logo HD exclusivo para el fondo (los demás logos quedan intactos) */
body {background-image:radial-gradient(ellipse at 50% 45%,rgba(15,63,126,.20),rgba(2,10,26,.18) 78%),url('../assets/img/logo1.png')!important;background-position:center,center 48%!important;background-size:auto,clamp(440px,65vw,940px) auto!important;background-repeat:no-repeat!important;background-attachment:fixed!important;background-color:#04152d!important}
/* Franja de capacidades: cristal, jerarquía y etiquetas legibles */
.trust-bar{position:relative!important;isolation:isolate;padding:36px 0!important;background:linear-gradient(115deg,rgba(6,24,51,.82),rgba(10,44,87,.66),rgba(3,17,39,.82))!important;border-top:1px solid rgba(79,166,255,.65)!important;border-bottom:1px solid rgba(79,166,255,.45)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 60px rgba(0,0,0,.15);backdrop-filter:blur(10px) saturate(140%)!important;-webkit-backdrop-filter:blur(10px) saturate(140%)!important}
.trust-bar::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 25% 50%,rgba(0,116,255,.17),transparent 58%)}
.trust-bar .trust-content{display:grid!important;grid-template-columns:minmax(210px,300px) minmax(0,1fr);align-items:center!important;gap:32px!important}
.trust-bar .trust-content>p{margin:0!important;padding:0 22px 0 18px!important;border-left:3px solid #168dff;color:#e8f3ff!important;font-size:clamp(16px,1.5vw,21px)!important;font-weight:750!important;line-height:1.45!important;letter-spacing:-.015em}
.trust-bar .trust-items{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.trust-bar .trust-items>span{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:9px 14px;border:1px solid rgba(95,175,255,.30);border-radius:999px;background:linear-gradient(145deg,rgba(26,75,131,.55),rgba(8,30,63,.74));color:#e9f5ff!important;font-size:12px!important;font-weight:700!important;letter-spacing:.01em;box-shadow:inset 0 1px rgba(255,255,255,.10),0 5px 15px rgba(0,0,0,.09);transition:background .2s,border-color .2s,transform .2s}
.trust-bar .trust-items>span:hover{background:rgba(17,100,197,.6);border-color:rgba(100,197,255,.8);transform:translateY(-2px)}
@media(max-width:850px){.trust-bar .trust-content{grid-template-columns:1fr!important;gap:20px!important}.trust-bar .trust-content>p{text-align:left!important}.trust-bar .trust-items{justify-content:flex-start!important}}
@media(max-width:520px){.trust-bar{padding:26px 0!important}.trust-bar .trust-items{gap:8px!important}.trust-bar .trust-items>span{font-size:11px!important;min-height:32px;padding:7px 11px}.trust-bar .trust-content>p{font-size:17px!important}body{background-size:auto,90vw auto!important;background-position:center,center 36%!important}}


/* NOMISIS: contraste corregido sobre el tema de cristal, octubre 2026 */
/* El logo de cabecera conserva su archivo original; solo se ilumina por detrás. */
.header .brand { position:relative; isolation:isolate; }
.header .brand::before {
 content:""; position:absolute; z-index:-1; pointer-events:none;
 left:50%; top:50%; width:105px; height:74px; transform:translate(-50%,-50%);
 background:radial-gradient(ellipse,rgba(255,255,255,.35) 0%,rgba(209,231,255,.19) 30%,transparent 75%);
 filter:blur(11px); border-radius:50%;
}
.header .brand img {filter:drop-shadow(0 0 5px rgba(255,255,255,.75)) drop-shadow(0 0 12px rgba(173,216,255,.42));}
/* Botón de navegación claro: texto oscuro y contraste inequívoco. */
.header .header-actions .btn-outline,
.header .header-actions .btn-outline:link,
.header .header-actions .btn-outline:visited {
 background:rgba(244,249,255,.96)!important;
 color:#092650!important; border:1px solid rgba(182,208,242,.95)!important;
 text-shadow:none!important; font-weight:750!important;
}
.header .header-actions .btn-outline:hover {background:#fff!important;color:#0052bf!important;}
/* Bloque de prueba: el panel claro conserva texto oscuro, incluso con el tema global. */
.trial-banner {background:linear-gradient(115deg,rgba(246,250,255,.98),rgba(222,235,255,.96))!important;
 border:1px solid rgba(178,210,255,.75)!important; box-shadow:0 16px 45px rgba(0,0,0,.19)!important;}
.trial-banner .trial-copy,
.trial-banner .trial-copy h3 {color:#09254d!important;text-shadow:none!important;}
.trial-banner .trial-copy p {color:#37557b!important;text-shadow:none!important;}
.trial-banner .trial-copy>span {color:#0068df!important;}
.trial-banner .trial-icon {color:#fff!important;}
.trial-banner .btn-primary {color:#fff!important;}
@media(max-width:600px){.header .brand::before{width:83px;height:62px;}}


/* NOMISIS 26 · Contraste semántico en superficies claras del tema cristal.
   Se carga solo cuando está activa la vista cristal. */
:root{--nomisis-on-light:#09254b;--nomisis-on-light-muted:#526a87}
:is(.news-featured,.news-card,.news-article-head,.news-article-content,.news-state,
    .payroll-process-grid .process-list > *, .payroll-process-grid article,
    .payroll-process-grid .process-card,.payroll-process-grid .process-item,
    .payroll-process-grid .process-step,.process-list > li,
    .trial-banner,.contact-form,.contact-card,.form-card) {
  color:var(--nomisis-on-light)!important;
  text-shadow:none!important;
}
:is(.news-featured,.news-card,.news-article-head,.news-article-content,.news-state,
    .payroll-process-grid .process-list > *,.payroll-process-grid article,
    .payroll-process-grid .process-card,.payroll-process-grid .process-item,
    .payroll-process-grid .process-step,.process-list > li,
    .trial-banner,.contact-form,.contact-card,.form-card)
:is(h1,h2,h3,h4,h5,h6,strong,b){
  color:var(--nomisis-on-light)!important;
  text-shadow:none!important;
}
:is(.news-featured,.news-card,.news-article-head,.news-article-content,.news-state,
    .payroll-process-grid .process-list > *,.payroll-process-grid article,
    .payroll-process-grid .process-card,.payroll-process-grid .process-item,
    .payroll-process-grid .process-step,.process-list > li,
    .trial-banner,.contact-form,.contact-card,.form-card)
:is(p,small,ul,ol,li,blockquote){
  color:var(--nomisis-on-light-muted)!important;
  text-shadow:none!important;
}
.news-featured :is(.news-link,.news-tag),.news-card :is(.news-link,.news-tag),
.news-article-head .news-tag{color:#0066d8!important}
.news-article-head :is(h1,h2,h3),.news-featured h2,.news-card h3{color:#09254b!important}
.news-article-head .news-article-summary{color:#526a87!important}
/* Tarjetas de proceso de Nómina y otros módulos, manteniendo fondo blanco. */
.payroll-process-section :is(.process-list,.payroll-process-grid) :is(h2,h3,h4,strong){
 color:#09254b!important;text-shadow:none!important;
}
.payroll-process-section :is(.process-list,.payroll-process-grid) :is(p,small,li){
 color:#526a87!important;text-shadow:none!important;
}
/* Las etiquetas y botones primarios mantienen sus colores de marca. */
:is(.news-featured,.news-card,.news-article-head,.trial-banner) .btn-primary{
 color:#fff!important;
}