/* franja.css · 24-oct-2026 · Barra superior unificada (inicio, software, servicios, recursos, industrias, contacto).
   Se carga DESPUES del CSS embebido de cada pagina. Para revertir: quitar el <link> de cada pagina y restaurar el bloque .franja-contacto. */
.franja-contacto{position:fixed;top:0;left:0;right:0;z-index:1001;height:34px;background:#0a1628;color:rgba(255,255,255,.85);font-size:12.5px;line-height:1}
.franja-in{max-width:1180px;margin:0 auto;padding:0 24px;height:34px;display:flex;align-items:center;gap:18px}
.franja-contacto a,.franja-contacto .fr-lema,.franja-contacto .fr-chip{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;white-space:nowrap;transition:color .2s}
.franja-contacto a:hover{color:#fff}
.franja-contacto .material-symbols-outlined{font-size:16px;line-height:1}
.franja-contacto .fr-wa{font-weight:600;color:#fff}
.franja-contacto .fr-wa .material-symbols-outlined{color:#25d366}
.franja-contacto .fr-wa:hover{color:#25d366}
.franja-contacto .fr-lema{gap:12px;margin:0 auto 0 0}
.franja-contacto .fr-t{font-weight:600;color:#fff;letter-spacing:.01em}
.franja-contacto .fr-sep{display:inline-block;width:1px;height:14px;background:rgba(255,255,255,.25)}
.franja-contacto .fr-chips{display:inline-flex;align-items:center;gap:12px}
.franja-contacto .fr-chip{gap:5px;color:rgba(255,255,255,.8)}
.franja-contacto .fr-chip .material-symbols-outlined{color:#38bdf8}
@media (max-width:1100px){.franja-contacto .fr-t,.franja-contacto .fr-sep{display:none}}
@media (max-width:980px){.franja-contacto .fr-mail{display:none}}
@media (max-width:860px){.franja-in{padding:0 14px;gap:12px}}
@media (max-width:640px){.franja-contacto .fr-chips{gap:10px}.franja-contacto .fr-chip{font-size:0;gap:0}.franja-contacto .fr-chip .material-symbols-outlined{font-size:17px}}
@media (max-width:360px){.franja-in{padding:0 10px;gap:8px}.franja-contacto .fr-chips{gap:8px}.franja-contacto .fr-chip:nth-child(n+5){display:none}}

/* Botones del menu: texto siempre legible (20261024d) */
.nav-cta,.nav-links a.nav-cta,.nav-links .nav-cta,nav a.nav-cta{color:#fff!important}
.nav-cta .material-symbols-outlined{color:#fff!important}
a.nav-demo,.nav-links a.nav-demo,.nav-demo{color:#fff!important}
.nav-cta{white-space:nowrap;flex-shrink:0}