/* V9 | Menús por división e identidad tipográfica integral.
   Contenido = Montserrat / Soluciones = Orbitron; Inicio neutro.
   El encabezado y el footer heredan la misma familia que la sección. */

/* Tipografía también en páginas que no cargaban las Google Fonts. */
body:is([data-page="contenido"],[data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"],[data-page="publicacion"],[data-page="buscar"]) {
  --font-title: 'Montserrat', Arial, sans-serif;
  --font-body: 'Montserrat', Arial, sans-serif;
  font-family: 'Montserrat', Arial, sans-serif !important;
}
body:is([data-page="contenido"],[data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"],[data-page="publicacion"],[data-page="buscar"])
:is(.site-header, main, .eit-footer, .live-search-overlay),
body:is([data-page="contenido"],[data-page="noticias"],[data-page="resenas"],[data-page="tutoriales"],[data-page="comunidad"],[data-page="publicacion"],[data-page="buscar"])
:is(.site-header, main, .eit-footer, .live-search-overlay) :not(:is(pre, pre *, code, code *, kbd, kbd *, samp, samp *, svg, svg *)) {
  font-family: 'Montserrat', Arial, sans-serif !important;
}

body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"]) {
  --font-title: 'Orbitron', sans-serif;
  --font-body: 'Orbitron', sans-serif;
  font-family: 'Orbitron', sans-serif !important;
}
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"])
:is(.site-header, main, .eit-footer),
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"])
:is(.site-header, main, .eit-footer) :not(:is(pre, pre *, code, code *, kbd, kbd *, samp, samp *, svg, svg *)) {
  font-family: 'Orbitron', sans-serif !important;
}

/* Soluciones: conserva el cian también en subsecciones, no solo en /soluciones. */
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"]) {
  --green:#19d4e5; --green-2:#26eff7;
}
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"]) .site-header {
  background:rgba(5,22,40,.97); border-bottom-color:rgba(20,210,239,.31);
}
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"]) .brand-logo-tech {
  color:#19d4e5 !important; text-shadow:0 0 14px rgba(19,212,229,.26);
}
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"]) .eit-footer{
  border-top-color:rgba(32,218,237,.20);
  background:radial-gradient(circle at 9% 0%,rgba(29,168,211,.14),transparent 40%),linear-gradient(180deg,#071a2d,#050e1b 94%);
}
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"]) .eit-footer-card{
  border-color:rgba(25,218,231,.18);background:linear-gradient(145deg,rgba(18,60,88,.59),rgba(5,17,34,.5));
}
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"]) .eit-footer a:hover,
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"]) .eit-footer-bottom a,
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"]) .eit-social-links a::after{color:#39e8ef}

/* Cabecera flexible, con el cambio de división fuera del menú contextual. */
.site-header .navbar{gap:clamp(9px,1.6vw,25px)}
.site-header .eit-division-switch{
  display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;
  padding:9px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;
  text-decoration:none;font-size:.77rem;font-weight:800;white-space:nowrap;
  color:#d6e2ed;background:rgba(255,255,255,.045);transition:background .2s,border-color .2s;
}
.site-header[data-division="contenido"] .eit-division-switch{border-color:rgba(26,224,242,.35);color:#8beefa}
.site-header[data-division="soluciones"] .eit-division-switch{border-color:rgba(171,255,74,.35);color:#c6ff93}
.site-header .eit-division-switch:hover{background:rgba(255,255,255,.12)}
.site-header[data-division="contenido"] .nav-menu a:hover,
.site-header[data-division="contenido"] .nav-menu a[aria-current="page"]{color:#b1ff36;border-color:#b1ff36;text-shadow:0 0 10px rgba(177,255,54,.25)}
.site-header[data-division="soluciones"] .nav-menu a:hover,
.site-header[data-division="soluciones"] .nav-menu a[aria-current="page"]{color:#28dfe9;border-color:#28dfe9;text-shadow:0 0 10px rgba(40,223,233,.25)}
.site-header[data-division="soluciones"] .menu-toggle{color:#26e5f1;border-color:rgba(24,225,239,.4);background:rgba(21,210,235,.08)}
.site-header[data-division="soluciones"] .brand-logo-img{filter:drop-shadow(0 0 9px rgba(12,218,235,.2))}
.site-header .nav-menu{gap:clamp(10px,1.3vw,22px)}
.site-header .nav-menu a{white-space:nowrap;overflow-wrap:normal}
.site-header .nav-search-trigger{font-size:.95rem;font-weight:800;color:#c7d7cc}
.site-header .nav-search-trigger:hover,
.site-header .nav-search-trigger[aria-current="page"]{color:#b1ff36}
/* Evitar que Orbitron ensanche excesivamente el menú en escritorio. */
.site-header[data-division="soluciones"] .nav-menu a{font-size:.88rem;letter-spacing:0}
.site-header[data-division="soluciones"] .eit-division-switch{font-size:.75rem}
/* Legibilidad de texto corrido con Orbitron y botones en el catálogo. */
body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"]) :is(main p, main li, main label, .eit-footer p, .eit-footer li, .eit-footer a){letter-spacing:0;line-height:1.7}

@media(max-width:1080px){
  .site-header .eit-division-switch{margin-left:auto;margin-right:7px}
  .site-header .nav-menu{gap:10px}
}
@media(max-width:620px){
  .site-header .eit-division-switch{padding:8px 9px;font-size:.72rem;margin-left:auto;margin-right:1px}
  .site-header .eit-switch-arrow{display:none}
  .site-header .nav-menu a{white-space:normal}
}
@media(max-width:360px){
  .site-header .eit-switch-label{display:none}
  .site-header .eit-division-switch{min-width:39px;justify-content:center}
}

@media(max-width:860px){
  .site-header[data-division="soluciones"] .nav-menu{background:rgba(5,22,40,.99);border-color:rgba(24,225,239,.3)}
  .site-header .nav-menu a{white-space:normal}
  .site-header .nav-menu .nav-live-search{padding:5px 10px}
  .site-header .nav-menu .nav-search-trigger{width:100%;padding:13px 14px;justify-content:flex-start}
}
@media(max-width:620px){
  body:is([data-page="soluciones"],[data-page="servicios"],[data-page="contacto"]) .eit-footer :is(p, li, a){font-size:.82rem}
}