@charset "UTF-8";
/* ==========================================================================
   ESTILOS FUENTE SYM ONLINE - PROYECTO RAMIREZCOBOS.ES
   ==========================================================================
   REGLA DE ORO INMUTABLE:
   ESTE ARCHIVO PROYECTO.SCSS ES LA ÚNICA FUENTE DE VERDAD DE ESTILOS.
   JAMÁS EDITAR DIRECTAMENTE EL ARCHIVO PROYECTO.CSS.
   CUALQUIER CAMBIO REALIZADO EN EL CSS SERÁ SOBREESCRITO AL COMPILAR.
   ========================================================================== */
/* ==========================================================================
   ÍNDICE DE ESTRUCTURA Y MÓDULOS DE ESTILO
   --------------------------------------------------------------------------
   1. VARIABLES DE DISEÑO Y TOKENS CROMÁTICOS
   2. CONFIGURACIÓN BASE, VARIABLES CSS Y REINICIO (RESET)
   3. TIPOGRAFÍA Y ESTILOS DE TEXTO GENERALES
   4. ESTRUCTURA GLOBAL Y CONTENEDORES (LAYOUT & GRID)
   5. CABECERA NAVEGACIÓN Y MENÚ PRINCIPAL
   6. BOTONES, ENLACES Y ELEMENTOS DE ACCIÓN (CTAS)
   7. COMPONENTES MODULARES Y TARJETAS (BENTO GRID, FICHAS)
   8. FORMULARIOS Y ELEMENTOS DE ENTRADA DE DATOS
   9. TABLAS TÉCNICAS Y ELEMENTOS DE DATOS DUROS
   10. PIE DE PÁGINA CORPORATIVO (FOOTER) Y ELEMENTOS FLOTANTES
   11. UTILIDADES, ACCESIBILIDAD Y CLASES DE ESTADO
   12. VISTAS Y SECCIONES DE PÁGINAS ESPECÍFICAS
       12.1. PORTADA Y SECCIONES DE INICIO
       12.2. QUIÉNES SOMOS Y AUTORIDAD DE FIRMA
       12.3. NORMA Y SILOS REGULATORIOS (NIS2, ENS, ISO 27001)
       12.4. CERTIFICACIÓN Y SISTEMAS DE GESTIÓN
       12.5. ACTUALIDAD (BLOG Y LISTADO DE ARTÍCULOS)
       12.6. NOTICIA INDIVIDUAL (DETALLE DE PUBLICACIÓN)
       12.7. CONTACTO Y FORMULARIO DE CUALIFICACIÓN
   13. ADAPTACIÓN RESPONSIVE Y MEDIA QUERIES
   ========================================================================== */
/* --------------------------------------------------------------------------
   1. VARIABLES DE DISEÑO Y TOKENS CROMÁTICOS
   -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
   2. CONFIGURACIÓN BASE, VARIABLES CSS Y REINICIO (RESET)
   -------------------------------------------------------------------------- */
/* INICIO BLOQUE CONFIGURACIÓN BASE Y REINICIO */
:root {
  --color-fondo-canvas: #080B10;
  --color-tarjeta: #0E141D;
  --color-tarjeta-hover: #151E2B;
  --color-borde-sutil: rgba(255, 255, 255, 0.07);
  --color-borde-activo: rgba(95, 180, 197, 0.35);
  --color-marca-profundo: #0B4368;
  --color-marca-cian: #5FB4C5;
  --color-acento-enfoque: #00D2FF;
  --texto-primario: #F1F5F9;
  --texto-secundario: #94A3B8;
  --texto-atenuado: #64748B;
}

body {
  background-color: #080B10;
  color: #F1F5F9;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.65;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

/* FIN BLOQUE CONFIGURACIÓN BASE Y REINICIO */
/* --------------------------------------------------------------------------
   3. TIPOGRAFÍA Y ESTILOS DE TEXTO GENERALES
   -------------------------------------------------------------------------- */
/* INICIO BLOQUE TIPOGRAFÍA Y TEXTOS */
.cabecera-seccion {
  margin-bottom: 2.25rem;
}
.cabecera-seccion .titular-seccion {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(2rem, 3.8vw, 3.2rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.035em;
  color: #0F172A;
  margin-bottom: 0.85rem;
}
.cabecera-seccion .titular-seccion .texto-acento {
  color: #0B4368;
  background: linear-gradient(135deg, #0B4368 0%, #0284C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cabecera-seccion .subtitulo-seccion {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0F172A;
  background: transparent;
  border: 1.5px solid #CBD5E1;
  border-radius: 50px;
  padding: 0.35rem 0.95rem;
  margin-bottom: 1.35rem;
}
.cabecera-seccion .subtitulo-seccion .punto-subtitulo {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #5FB4C5;
  box-shadow: 0 0 6px rgba(95, 180, 197, 0.6);
  flex-shrink: 0;
}
.cabecera-seccion .descripcion-seccion {
  color: #334155;
  font-size: 1.05rem;
  line-height: 1.6;
  max-width: 680px;
  margin-bottom: 0;
}
.cabecera-seccion.text-center .descripcion-seccion {
  margin-left: auto;
  margin-right: auto;
}

.parrafo-texto {
  color: #334155;
  font-size: 1.02rem;
  line-height: 1.8;
  margin-bottom: 1.25rem;
}
.parrafo-texto strong {
  color: #0F172A;
  font-weight: 700;
}

.enlace-editorial-inline {
  color: #0B4368;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: rgba(95, 180, 197, 0.4);
  text-underline-offset: 3px;
  transition: all 0.2s ease;
}
.enlace-editorial-inline:hover {
  color: #0284C7;
  text-decoration-color: #0284C7;
}

/* FIN BLOQUE TIPOGRAFÍA Y TEXTOS */
/* --------------------------------------------------------------------------
   4. ESTRUCTURA GLOBAL Y CONTENEDORES (LAYOUT & GRID)
   -------------------------------------------------------------------------- */
/* INICIO BLOQUE ESTRUCTURA Y LAYOUT */
/* ==========================================================================
   CABECERA DE PÁGINA INTERNA (PAGE TITLE / HERO INTERNO)
   ========================================================================== */
.seccion-cabecera-pagina {
  position: sticky;
  top: 0;
  z-index: 10;
  width: 100%;
  padding-top: 9.5rem;
  padding-bottom: 4.5rem;
  background-color: #080B10;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.seccion-cabecera-pagina .fondo-cabecera-pagina {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  background-color: #080B10;
}
.seccion-cabecera-pagina .fondo-cabecera-pagina .media-fondo-cabecera {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
  opacity: 0.35;
  filter: saturate(1.2);
}
.seccion-cabecera-pagina .fondo-cabecera-pagina .overlay-cabecera-pagina {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(90deg, rgba(8, 11, 16, 0.92) 0%, rgba(8, 11, 16, 0.75) 45%, rgba(8, 11, 16, 0.4) 100%),
              linear-gradient(180deg, rgba(8, 11, 16, 0.4) 0%, transparent 40%, rgba(8, 11, 16, 0.95) 100%);
}
.seccion-cabecera-pagina .fondo-cabecera-pagina .gradiente-ambiente {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 90% 70% at 75% -15%, rgba(11, 67, 104, 0.45) 0%, rgba(14, 20, 29, 0.65) 50%, #080B10 100%);
}
.seccion-cabecera-pagina .fondo-cabecera-pagina .haz-luz-oblicuo {
  position: absolute;
  top: -30%;
  right: 5%;
  width: 70%;
  height: 160%;
  background: linear-gradient(135deg, rgba(95, 180, 197, 0.12) 0%, rgba(0, 210, 255, 0.04) 35%, transparent 70%);
  transform: rotate(-18deg) skewX(-12deg);
  filter: blur(40px);
  pointer-events: none;
}
.seccion-cabecera-pagina .fondo-cabecera-pagina .malla-isometrica-tech {
  position: absolute;
  inset: -50% -20% -20% -20%;
  background-image: linear-gradient(rgba(95, 180, 197, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(95, 180, 197, 0.07) 1px, transparent 1px);
  background-size: 48px 48px;
  transform: perspective(700px) rotateX(56deg) rotateZ(-18deg) translateZ(0);
  transform-origin: 65% 0%;
  mask-image: radial-gradient(ellipse 80% 60% at 65% 25%, black 20%, rgba(0, 0, 0, 0.4) 60%, transparent 85%);
  -webkit-mask-image: radial-gradient(ellipse 80% 60% at 65% 25%, black 20%, rgba(0, 0, 0, 0.4) 60%, transparent 85%);
  opacity: 0.85;
}
.seccion-cabecera-pagina .fondo-cabecera-pagina .destello-focal-cian {
  position: absolute;
  top: -40px;
  right: 18%;
  width: 420px;
  height: 280px;
  background: radial-gradient(circle, rgba(95, 180, 197, 0.22) 0%, rgba(0, 210, 255, 0.08) 45%, transparent 75%);
  filter: blur(50px);
}
.seccion-cabecera-pagina .fondo-cabecera-pagina .vinyeta-profunda {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 11, 16, 0.2) 0%, transparent 35%, rgba(8, 11, 16, 0.8) 85%, #080B10 100%);
}
.seccion-cabecera-pagina .contenedor-cabecera-pagina {
  position: relative;
  z-index: 2;
}
.seccion-cabecera-pagina .titular-cabecera-pagina {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(2.2rem, 4.5vw, 3.8rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.035em;
  color: #F1F5F9;
  margin-bottom: 0.85rem;
}
.seccion-cabecera-pagina .titular-cabecera-pagina .texto-acento {
  color: #5FB4C5;
  background: linear-gradient(135deg, #5FB4C5 0%, #00D2FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.seccion-cabecera-pagina .migas-de-pan {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
.seccion-cabecera-pagina .migas-de-pan .miga-enlace {
  color: #64748B;
  text-decoration: none;
  transition: color 0.2s ease;
}
.seccion-cabecera-pagina .migas-de-pan .miga-enlace:hover {
  color: #5FB4C5;
}
.seccion-cabecera-pagina .migas-de-pan .miga-separador {
  color: rgba(255, 255, 255, 0.2);
}
.seccion-cabecera-pagina .migas-de-pan .miga-actual {
  color: #5FB4C5;
  font-weight: 600;
}
.seccion-cabecera-pagina .descripcion-cabecera-pagina {
  font-size: clamp(1rem, 1.2vw, 1.15rem);
  font-weight: 400;
  line-height: 1.65;
  color: #94A3B8;
  max-width: 800px;
  margin-bottom: 0;
}

/* ==========================================================================
   SECCIÓN HERO A PANTALLA COMPLETA CON SCROLL PIN & VIDEO (ESTILO OWN THE PATCH)
   ========================================================================== */
.hero-scroll-pin-wrapper {
  position: relative;
  width: 100%;
  height: 240vh;
  background-color: #080B10;
}

.seccion-hero-landing-iso {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  min-height: 680px;
  background-color: #080B10;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  z-index: 5;
}
.seccion-hero-landing-iso .fondo-hero-landing-iso {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}
.seccion-hero-landing-iso .fondo-hero-landing-iso .video-fondo-hero-landing {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
  display: block;
  z-index: 1;
  filter: brightness(0.7) contrast(1.12);
  pointer-events: none;
}
.seccion-hero-landing-iso .fondo-hero-landing-iso .imagen-fondo-hero-landing {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  filter: brightness(0.65) contrast(1.15);
  position: absolute;
  inset: 0;
  z-index: 0;
}
.seccion-hero-landing-iso .fondo-hero-landing-iso .imagen-fondo-hero-landing.fallback-video {
  opacity: 1;
  transition: opacity 0.5s ease;
}
.seccion-hero-landing-iso .fondo-hero-landing-iso .gradiente-ambiente-hero {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: radial-gradient(circle at 20% 60%, rgba(11, 67, 104, 0.55) 0%, rgba(8, 11, 16, 0.75) 50%, rgba(8, 11, 16, 0.92) 100%);
  mix-blend-mode: multiply;
  pointer-events: none;
}
.seccion-hero-landing-iso .fondo-hero-landing-iso .malla-isometrica-hero {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(95, 180, 197, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(95, 180, 197, 0.04) 1px, transparent 1px);
  background-size: 40px 40px;
  opacity: 0.6;
}
.seccion-hero-landing-iso .fondo-hero-landing-iso .vinyeta-profunda-hero {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 11, 16, 0.75) 0%, transparent 30%, rgba(8, 11, 16, 0.6) 70%, #080B10 100%);
}
.seccion-hero-landing-iso .contenedor-hero-landing {
  position: relative;
  z-index: 3;
  padding-bottom: clamp(3rem, 7vh, 5.5rem);
  width: 100%;
}
.seccion-hero-landing-iso .bloque-contenido-hero-landing {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.seccion-hero-landing-iso .migas-de-pan-hero {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.seccion-hero-landing-iso .migas-de-pan-hero .miga-enlace {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  transition: color 0.2s ease;
}
.seccion-hero-landing-iso .migas-de-pan-hero .miga-enlace:hover {
  color: #5FB4C5;
}
.seccion-hero-landing-iso .migas-de-pan-hero .miga-separador {
  color: rgba(255, 255, 255, 0.25);
}
.seccion-hero-landing-iso .migas-de-pan-hero .miga-actual {
  color: #5FB4C5;
  font-weight: 700;
}
.seccion-hero-landing-iso .badge-norma-hero {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50px;
  padding: 0.35rem 0.95rem;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.seccion-hero-landing-iso .badge-norma-hero .punto-badge-hero {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #5FB4C5;
  box-shadow: 0 0 8px #5FB4C5;
  flex-shrink: 0;
}
.seccion-hero-landing-iso .titular-hero-landing {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(2.8rem, 5.5vw, 5rem);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -0.045em;
  color: #FFFFFF;
  margin-bottom: 1.25rem;
  max-width: 95%;
}
.seccion-hero-landing-iso .titular-hero-landing .texto-acento-cian {
  color: #5FB4C5;
  background: linear-gradient(135deg, #5FB4C5 0%, #00D2FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.seccion-hero-landing-iso .descripcion-hero-landing {
  font-size: clamp(1.05rem, 1.35vw, 1.25rem);
  font-weight: 400;
  line-height: 1.65;
  color: rgba(241, 245, 249, 0.82);
  max-width: 720px;
  margin-bottom: 0.5rem;
}
.seccion-hero-landing-iso {
  /* INDICADOR SCROLL MINIMALISTA */
}
.seccion-hero-landing-iso .indicador-scroll-hero {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.seccion-hero-landing-iso .indicador-scroll-hero .texto-scroll {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: rgba(255, 255, 255, 0.5);
}
.seccion-hero-landing-iso .indicador-scroll-hero .linea-scroll-animada {
  width: 1.5px;
  height: 48px;
  background: rgba(255, 255, 255, 0.15);
  position: relative;
  overflow: hidden;
  border-radius: 2px;
}
.seccion-hero-landing-iso .indicador-scroll-hero .linea-scroll-animada::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, transparent 0%, #5FB4C5 100%);
  animation: scrollAnim 1.8s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}

@keyframes scrollAnim {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(200%);
    opacity: 0;
  }
}
/* FIN BLOQUE ESTRUCTURA Y LAYOUT */
/* --------------------------------------------------------------------------
   5. CABECERA NAVEGACIÓN Y MENÚ PRINCIPAL
   -------------------------------------------------------------------------- */
/* INICIO BLOQUE CABECERA Y MENÚ */
.barra-superior {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100vw;
  box-sizing: border-box;
  z-index: 1010;
  background: rgba(8, 22, 42, 0.82);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(95, 180, 197, 0.2);
  padding: 0.4rem 2.5rem;
  font-size: 0.72rem;
  color: #94A3B8;
}
@media (max-width: 991.98px) {
  .barra-superior {
    display: none !important;
  }
}

.contenedor-barra-superior {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.eslogan-seo-topbar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #F1F5F9;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.eslogan-seo-topbar .indicador-estado-topbar {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #5FB4C5;
  box-shadow: 0 0 8px #5FB4C5;
}

.canales-contacto-topbar {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}

.enlace-contacto-topbar {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #94A3B8;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}
.enlace-contacto-topbar .icono-contacto-topbar {
  color: #5FB4C5;
}
.enlace-contacto-topbar:hover {
  color: #F1F5F9;
}

.separador-topbar {
  color: rgba(255, 255, 255, 0.07);
  font-size: 0.7rem;
}

.redes-sociales-topbar {
  display: flex;
  align-items: center;
}

.enlace-red-topbar {
  color: #94A3B8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease;
}
.enlace-red-topbar:hover {
  color: #5FB4C5;
}

.cabecera-principal {
  position: fixed;
  top: 36px;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100vw;
  box-sizing: border-box;
  z-index: 1000;
  padding: 1rem 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}
@media (max-width: 991.98px) {
  .cabecera-principal {
    top: 0;
    padding: 0.75rem 1rem;
  }
}
.cabecera-principal > * {
  pointer-events: auto;
}

.logotipo-marca {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  background: rgba(11, 28, 52, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(95, 180, 197, 0.3);
  border-radius: 8px;
  padding: 0.4rem 0.85rem;
  box-shadow: 0 10px 30px rgba(4, 14, 28, 0.6), 0 0 20px rgba(95, 180, 197, 0.12);
  transition: all 0.25s ease;
}
.logotipo-marca .imagen-logo-cabecera {
  width: auto;
  height: 58px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));
}
@media (max-width: 991.98px) {
  .logotipo-marca .imagen-logo-cabecera {
    height: 42px;
  }
}
@media (max-width: 991.98px) {
  .logotipo-marca {
    padding: 0.3rem 0.65rem;
  }
}
.logotipo-marca:hover {
  background: rgba(14, 38, 70, 0.92);
  border-color: #5FB4C5;
  transform: translateY(-2px);
  box-shadow: 0 12px 35px rgba(4, 14, 28, 0.7), 0 0 24px rgba(95, 180, 197, 0.25);
}

.capsula-navegacion {
  display: flex;
  align-items: center;
  background: rgba(11, 28, 52, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(95, 180, 197, 0.3);
  border-radius: 6px;
  padding: 0.25rem;
  box-shadow: 0 10px 30px rgba(4, 14, 28, 0.6), 0 0 20px rgba(95, 180, 197, 0.12);
}

.enlace-navegacion {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.9rem;
  color: #B2C7DE;
  text-decoration: none;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 4px;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.2s ease;
}
.enlace-navegacion:hover {
  color: #FFFFFF;
  background: rgba(95, 180, 197, 0.18);
}
.enlace-navegacion.activo {
  color: #FFFFFF;
  background: rgba(95, 180, 197, 0.28);
  box-shadow: inset 0 0 0 1px rgba(95, 180, 197, 0.4);
}

.item-navegacion-desplegable {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.item-navegacion-desplegable .icono-flecha-menu {
  opacity: 0.6;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.item-navegacion-desplegable:hover .icono-flecha-menu, .item-navegacion-desplegable:focus-within .icono-flecha-menu, .item-navegacion-desplegable.menu-abierto .icono-flecha-menu {
  transform: rotate(180deg);
  opacity: 1;
}
.item-navegacion-desplegable:hover .submenu-desplegable, .item-navegacion-desplegable:focus-within .submenu-desplegable, .item-navegacion-desplegable.menu-abierto .submenu-desplegable {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}

.submenu-desplegable {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(6px);
  min-width: 290px;
  background: rgba(11, 28, 52, 0.94);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(95, 180, 197, 0.3);
  border-radius: 12px;
  padding: 0.65rem;
  box-shadow: 0 20px 45px rgba(4, 14, 28, 0.7), 0 0 24px rgba(95, 180, 197, 0.2);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  /* Puente invisible para evitar que el cursor pierda el hover */
}
.submenu-desplegable::before {
  content: "";
  position: absolute;
  top: -14px;
  left: 0;
  width: 100%;
  height: 14px;
  background: transparent;
  display: block;
}

.enlace-submenu {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.65rem 0.85rem;
  text-decoration: none;
  border-radius: 5px;
  transition: background 0.15s ease;
}
.enlace-submenu .titulo-submenu {
  color: #F1F5F9;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.enlace-submenu .descripcion-submenu {
  color: #64748B;
  font-size: 0.68rem;
  line-height: 1.35;
  letter-spacing: 0;
}
.enlace-submenu:hover {
  background: rgba(255, 255, 255, 0.05);
}
.enlace-submenu:hover .titulo-submenu {
  color: #5FB4C5;
}
.enlace-submenu:hover .descripcion-submenu {
  color: #94A3B8;
}
.enlace-submenu.activo {
  background: rgba(95, 180, 197, 0.15);
  border-left: 2px solid #5FB4C5;
}
.enlace-submenu.activo .titulo-submenu {
  color: #5FB4C5;
}
.enlace-submenu.activo .descripcion-submenu {
  color: #cbd5e1;
}

.boton-solicitar-cabecera {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.55rem 1.15rem;
  background: rgba(95, 180, 197, 0.1);
  color: #5FB4C5;
  border: 1px solid rgba(95, 180, 197, 0.4);
  border-radius: 5px;
  text-decoration: none;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all 0.25s ease;
}
.boton-solicitar-cabecera:hover {
  background: #5FB4C5;
  color: #080B10;
  border-color: #5FB4C5;
  box-shadow: 0 0 16px rgba(95, 180, 197, 0.35);
}

/* BOTÓN HAMBURGUESA CORPORATIVO PARA MÓVILES */
.btn-hamburguesa-movil {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  background: rgba(11, 28, 52, 0.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(95, 180, 197, 0.3);
  border-radius: 8px;
  padding: 0;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(4, 14, 28, 0.5);
  transition: all 0.2s ease;
}
.btn-hamburguesa-movil .linea-hamburguesa {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #5FB4C5;
  border-radius: 2px;
  transition: all 0.25s ease;
}
.btn-hamburguesa-movil:hover {
  background: rgba(14, 38, 70, 0.95);
  border-color: #5FB4C5;
  box-shadow: 0 0 12px rgba(95, 180, 197, 0.3);
}

/* PANEL OFFCANVAS MÓVIL CORPORATIVO (GLASSMORPHISM AZUL NOCHE) */
.menu-movil-offcanvas {
  background: rgba(8, 18, 34, 0.98) !important;
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
  border-left: 1px solid rgba(95, 180, 197, 0.25) !important;
  color: #F8FAFC !important;
  width: 320px !important;
  max-width: 85vw !important;
}
.menu-movil-offcanvas .cabecera-offcanvas-movil {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu-movil-offcanvas .cabecera-offcanvas-movil .marca-offcanvas {
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #F8FAFC;
}
.menu-movil-offcanvas .cabecera-offcanvas-movil .marca-offcanvas span {
  color: #5FB4C5;
}
.menu-movil-offcanvas .cabecera-offcanvas-movil .btn-cerrar-offcanvas {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  color: #94A3B8;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.menu-movil-offcanvas .cabecera-offcanvas-movil .btn-cerrar-offcanvas:hover {
  color: #FFFFFF;
  background: rgba(95, 180, 197, 0.2);
  border-color: #5FB4C5;
}
.menu-movil-offcanvas .cuerpo-offcanvas-movil {
  padding: 1.5rem 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.menu-movil-offcanvas .nav-links-movil {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.menu-movil-offcanvas .nav-links-movil .enlace-nav-movil {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  color: #CBD5E1;
  text-decoration: none;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: all 0.2s ease;
}
.menu-movil-offcanvas .nav-links-movil .enlace-nav-movil svg {
  color: rgba(95, 180, 197, 0.6);
  transition: transform 0.2s ease;
}
.menu-movil-offcanvas .nav-links-movil .enlace-nav-movil:hover {
  background: rgba(95, 180, 197, 0.12);
  color: #FFFFFF;
}
.menu-movil-offcanvas .nav-links-movil .enlace-nav-movil:hover svg {
  color: #5FB4C5;
  transform: translateX(3px);
}
.menu-movil-offcanvas .nav-links-movil .enlace-nav-movil.activo {
  background: rgba(95, 180, 197, 0.2);
  color: #FFFFFF;
  border: 1px solid rgba(95, 180, 197, 0.35);
}
.menu-movil-offcanvas .nav-links-movil .grupo-acordeon-movil {
  display: flex;
  flex-direction: column;
}
.menu-movil-offcanvas .nav-links-movil .grupo-acordeon-movil .btn-acordeon-movil {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  background: transparent;
  border: none;
  color: #CBD5E1;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  text-align: left;
  transition: all 0.2s ease;
}
.menu-movil-offcanvas .nav-links-movil .grupo-acordeon-movil .btn-acordeon-movil .flecha-acordeon {
  color: rgba(95, 180, 197, 0.6);
  transition: transform 0.25s ease;
}
.menu-movil-offcanvas .nav-links-movil .grupo-acordeon-movil .btn-acordeon-movil:not(.collapsed) {
  color: #5FB4C5;
  background: rgba(95, 180, 197, 0.08);
}
.menu-movil-offcanvas .nav-links-movil .grupo-acordeon-movil .btn-acordeon-movil:not(.collapsed) .flecha-acordeon {
  transform: rotate(180deg);
  color: #5FB4C5;
}
.menu-movil-offcanvas .nav-links-movil .grupo-acordeon-movil .contenedor-subitems-movil {
  padding: 0.35rem 0 0.5rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.menu-movil-offcanvas .nav-links-movil .grupo-acordeon-movil .contenedor-subitems-movil .subenlace-nav-movil {
  padding: 0.5rem 0.85rem;
  color: #94A3B8;
  text-decoration: none;
  font-size: 0.78rem;
  font-weight: 500;
  border-radius: 6px;
  transition: all 0.15s ease;
}
.menu-movil-offcanvas .nav-links-movil .grupo-acordeon-movil .contenedor-subitems-movil .subenlace-nav-movil:hover {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.05);
}
.menu-movil-offcanvas .nav-links-movil .grupo-acordeon-movil .contenedor-subitems-movil .subenlace-nav-movil.activo {
  color: #5FB4C5;
  background: rgba(95, 180, 197, 0.15);
  font-weight: 700;
}
.menu-movil-offcanvas .btn-solicitar-movil {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  width: 100%;
  padding: 0.8rem 1.25rem;
  background: #5FB4C5;
  color: #080B10;
  border: 1px solid #5FB4C5;
  border-radius: 50px;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 4px 18px rgba(95, 180, 197, 0.3);
  cursor: pointer;
  transition: all 0.25s ease;
}
.menu-movil-offcanvas .btn-solicitar-movil:hover {
  background: #FFFFFF;
  border-color: #FFFFFF;
  color: #080B10;
}
.menu-movil-offcanvas .enlace-tel-movil {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  color: #94A3B8;
  text-decoration: none;
  font-size: 0.8rem;
  font-family: "JetBrains Mono", monospace;
  font-weight: 500;
}
.menu-movil-offcanvas .enlace-tel-movil svg {
  color: #5FB4C5;
}
.menu-movil-offcanvas .enlace-tel-movil:hover {
  color: #FFFFFF;
}

/* FIN BLOQUE CABECERA Y MENÚ */
/* --------------------------------------------------------------------------
   6. BOTONES, ENLACES Y ELEMENTOS DE ACCIÓN (CTAS)
   -------------------------------------------------------------------------- */
/* INICIO BLOQUE BOTONES Y ACCIONES */
/* SISTEMA UNIFICADO DE BOTONES ESTILO PÍLDORA (PILL BUTTONS SYM ONLINE) */
.boton-corporativo,
.boton-envio-contacto,
.boton-cta-hero,
.boton-cta-pie,
.boton-solicitar-cabecera,
.enlace-ruta-mapa {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  padding: 0.85rem 2rem;
  border-radius: 50px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1.5px solid transparent;
}
.boton-corporativo svg,
.boton-envio-contacto svg,
.boton-cta-hero svg,
.boton-cta-pie svg,
.boton-solicitar-cabecera svg,
.enlace-ruta-mapa svg {
  transition: transform 0.25s ease;
  flex-shrink: 0;
}
.boton-corporativo:hover svg,
.boton-envio-contacto:hover svg,
.boton-cta-hero:hover svg,
.boton-cta-pie:hover svg,
.boton-solicitar-cabecera:hover svg,
.enlace-ruta-mapa:hover svg {
  transform: translate(2px, -2px);
}

/* VARIANTE 1: SÓLIDO OSCURO CORPORATIVO (POR DEFECTO EN FONDOS CLAROS) */
.boton-corporativo.principal,
.boton-envio-contacto {
  background: #0B4368;
  color: #FFFFFF;
  border-color: #0B4368;
  box-shadow: 0 4px 18px rgba(11, 67, 104, 0.25);
}
.boton-corporativo.principal:hover,
.boton-envio-contacto:hover {
  background: #080B10;
  border-color: #080B10;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(8, 11, 16, 0.35);
}

/* VARIANTE 2: OUTLINE / DELINEADO REFINADO (FONDO BLANCO/CLARO CON BORDE) */
.boton-corporativo.outline,
.boton-corporativo.secundario-claro {
  background: transparent;
  color: #0F172A;
  border-color: #0F172A;
}
.boton-corporativo.outline:hover,
.boton-corporativo.secundario-claro:hover {
  background: #0F172A;
  color: #FFFFFF;
  border-color: #0F172A;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.2);
}

/* VARIANTE 3: CIAN BRILLANTE / ALTA CONVERSIÓN (FONDOS OSCUROS) */
.boton-corporativo.cian,
.boton-cta-hero.principal {
  background: #5FB4C5;
  color: #080B10;
  border-color: #5FB4C5;
  box-shadow: 0 6px 25px rgba(95, 180, 197, 0.35);
}
.boton-corporativo.cian:hover,
.boton-cta-hero.principal:hover {
  background: #FFFFFF;
  color: #080B10;
  border-color: #FFFFFF;
  box-shadow: 0 8px 30px rgba(255, 255, 255, 0.4);
  transform: translateY(-2px);
}

/* VARIANTE 4: VIDRIO OSCURO / GLASSMORPHISM (FONDOS OSCUROS) */
.boton-corporativo.vidrio,
.boton-cta-hero.secundario,
.boton-solicitar-cabecera {
  background: rgba(11, 28, 52, 0.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  color: #F1F5F9;
  border-color: rgba(95, 180, 197, 0.35);
  box-shadow: 0 8px 25px rgba(4, 14, 28, 0.5), 0 0 15px rgba(95, 180, 197, 0.1);
}
.boton-corporativo.vidrio:hover,
.boton-cta-hero.secundario:hover,
.boton-solicitar-cabecera:hover {
  border-color: #5FB4C5;
  color: #FFFFFF;
  background: rgba(14, 38, 70, 0.95);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(4, 14, 28, 0.6), 0 0 20px rgba(95, 180, 197, 0.3);
}

/* FIN BLOQUE BOTONES Y ACCIONES */
/* --------------------------------------------------------------------------
   7. COMPONENTES MODULARES Y TARJETAS (BENTO GRID, FICHAS)
   -------------------------------------------------------------------------- */
/* INICIO BLOQUE COMPONENTES Y TARJETAS */
.seccion-contenido-base {
  padding: 5.5rem 0 6.5rem;
  position: relative;
  z-index: 20;
  background-color: #F8FAFC;
  color: #334155;
  box-shadow: 0 -20px 40px rgba(0, 0, 0, 0.4);
}

.tarjeta-bento-tecnica {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 12px;
  padding: 2.25rem 2rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.tarjeta-bento-tecnica .icono-tarjeta-bento {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  background: rgba(11, 67, 104, 0.06);
  border: 1px solid rgba(95, 180, 197, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0B4368;
  margin-bottom: 1.5rem;
  transition: all 0.25s ease;
}
.tarjeta-bento-tecnica .titular-tarjeta-bento {
  font-size: 1.2rem;
  font-weight: 700;
  color: #0F172A;
  margin-bottom: 0.75rem;
  letter-spacing: -0.015em;
}
.tarjeta-bento-tecnica .descripcion-tarjeta-bento {
  color: #64748B;
  font-size: 0.92rem;
  line-height: 1.65;
  margin-bottom: 0;
}
.tarjeta-bento-tecnica:hover {
  border-color: rgba(95, 180, 197, 0.6);
  transform: translateY(-3px);
  box-shadow: 0 16px 30px -8px rgba(15, 23, 42, 0.1), 0 0 20px rgba(95, 180, 197, 0.12);
}
.tarjeta-bento-tecnica:hover .icono-tarjeta-bento {
  background: #0B4368;
  color: #FFFFFF;
  border-color: #0B4368;
}

.caja-destacada-tecnica {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-left: 4px solid #5FB4C5;
  border-radius: 0 10px 10px 0;
  padding: 1.75rem 2rem;
  margin: 2.25rem 0;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
}
.caja-destacada-tecnica .titular-caja-destacada {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0F172A;
  margin-bottom: 0.6rem;
  letter-spacing: -0.01em;
}
.caja-destacada-tecnica .texto-caja-destacada {
  color: #334155;
  font-size: 0.95rem;
  line-height: 1.7;
  margin: 0;
}

.lista-verificacion-tecnica {
  list-style: none;
  padding: 0;
  margin: 2rem 0;
}
.lista-verificacion-tecnica li {
  position: relative;
  padding-left: 1.85rem;
  margin-bottom: 1rem;
  color: #334155;
  font-size: 0.98rem;
  line-height: 1.6;
}
.lista-verificacion-tecnica li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45rem;
  width: 9px;
  height: 9px;
  border-radius: 2px;
  background-color: #5FB4C5;
  box-shadow: 0 0 8px rgba(95, 180, 197, 0.4);
}

/* FIN BLOQUE COMPONENTES Y TARJETAS */
/* --------------------------------------------------------------------------
   8. FORMULARIOS Y ELEMENTOS DE ENTRADA DE DATOS
   -------------------------------------------------------------------------- */
/* INICIO BLOQUE FORMULARIOS */
/* FIN BLOQUE FORMULARIOS */
/* --------------------------------------------------------------------------
   9. TABLAS TÉCNICAS Y ELEMENTOS DE DATOS DUROS
   -------------------------------------------------------------------------- */
/* INICIO BLOQUE TABLAS TÉCNICAS */
/* FIN BLOQUE TABLAS TÉCNICAS */
/* --------------------------------------------------------------------------
   10. PIE DE PÁGINA CORPORATIVO (FOOTER) Y ELEMENTOS FLOTANTES
   -------------------------------------------------------------------------- */
/* INICIO BLOQUE PIE DE PÁGINA Y FLOTANTES */
.seccion-pie-moderno {
  position: relative;
  background-color: #080B10;
  padding: 4rem 0 2rem;
  overflow: hidden;
}
.seccion-pie-moderno .tarjeta-pie-corporativo {
  position: relative;
  background: #0E141D;
  background: radial-gradient(circle at 100% 0%, rgba(95, 180, 197, 0.08) 0%, rgba(14, 20, 29, 0.98) 70%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 3.5rem 3rem 2rem;
  overflow: hidden;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.7);
}
@media (max-width: 768px) {
  .seccion-pie-moderno .tarjeta-pie-corporativo {
    padding: 2.5rem 1.5rem 1.5rem;
    border-radius: 14px;
  }
}
.seccion-pie-moderno .titular-impacto-pie {
  font-size: clamp(1.85rem, 3.2vw, 2.75rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.025em;
  color: #F1F5F9;
  margin-bottom: 1.25rem;
}
.seccion-pie-moderno .titular-impacto-pie .texto-acento-cian {
  color: #5FB4C5;
  background: linear-gradient(135deg, #5FB4C5 0%, #00D2FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.seccion-pie-moderno .descripcion-pie {
  color: #94A3B8;
  font-size: 0.95rem;
  line-height: 1.6;
  max-width: 540px;
  margin: 0;
}
.seccion-pie-moderno .metricas-pie {
  display: flex;
  gap: 2rem;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .seccion-pie-moderno .metricas-pie {
    justify-content: flex-start;
    margin-top: 1rem;
  }
}
.seccion-pie-moderno .metricas-pie .metrica-item {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 991px) {
  .seccion-pie-moderno .metricas-pie .metrica-item {
    align-items: flex-start;
  }
}
.seccion-pie-moderno .metricas-pie .metrica-item .metrica-etiqueta {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.68rem;
  color: #94A3B8;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.2rem;
}
.seccion-pie-moderno .metricas-pie .metrica-item .metrica-valor {
  font-family: "JetBrains Mono", monospace;
  font-size: 1.35rem;
  font-weight: 700;
  color: #F1F5F9;
  letter-spacing: -0.02em;
}
.seccion-pie-moderno .boton-cta-pie {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: #F1F5F9;
  color: #080B10;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.85rem 1.6rem;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.15);
}
.seccion-pie-moderno .boton-cta-pie:hover {
  background: #00D2FF;
  color: #080B10;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 210, 255, 0.35);
}
.seccion-pie-moderno .divisor-pie {
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(95, 180, 197, 0.2) 50%, rgba(255, 255, 255, 0.08) 100%);
}
.seccion-pie-moderno .columna-pie .etiqueta-seccion-pie {
  display: block;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #94A3B8;
  margin-bottom: 1.25rem;
}
.seccion-pie-moderno .columna-pie .lista-contacto-pie,
.seccion-pie-moderno .columna-pie .enlaces-pie {
  list-style: none;
  padding: 0;
  margin: 0;
}
.seccion-pie-moderno .columna-pie .lista-contacto-pie li,
.seccion-pie-moderno .columna-pie .enlaces-pie li {
  margin-bottom: 0.7rem;
}
.seccion-pie-moderno .columna-pie .lista-contacto-pie li a,
.seccion-pie-moderno .columna-pie .enlaces-pie li a {
  color: #94A3B8;
  text-decoration: none;
  font-size: 0.88rem;
  transition: color 0.2s ease, transform 0.2s ease;
  display: inline-block;
}
.seccion-pie-moderno .columna-pie .lista-contacto-pie li a:hover,
.seccion-pie-moderno .columna-pie .enlaces-pie li a:hover {
  color: #5FB4C5;
  transform: translateX(3px);
}
.seccion-pie-moderno .columna-pie .lista-contacto-pie li a {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.88rem;
  letter-spacing: 0.02em;
}
.seccion-pie-moderno .columna-pie .lista-contacto-pie .estado-servicio {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.68rem;
  color: #F1F5F9;
  letter-spacing: 0.08em;
  margin-top: 1rem;
}
.seccion-pie-moderno .columna-pie .lista-contacto-pie .estado-servicio .punto-activo {
  width: 7px;
  height: 7px;
  background-color: #10B981;
  border-radius: 50%;
  box-shadow: 0 0 10px #10B981;
  animation: pulsoVerde 2s infinite ease-in-out;
}
.seccion-pie-moderno .pie-copyright-fila {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.seccion-pie-moderno .pie-copyright-fila .copyright-texto {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  color: #64748B;
  margin: 0;
}
.seccion-pie-moderno .pie-copyright-fila .credito-texto {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  color: #64748B;
  text-transform: uppercase;
}
.seccion-pie-moderno .pie-copyright-fila .credito-texto .enlace-credito-sym {
  color: #94A3B8;
  text-decoration: none;
  font-weight: 700;
  transition: color 0.2s ease, text-shadow 0.2s ease;
}
.seccion-pie-moderno .pie-copyright-fila .credito-texto .enlace-credito-sym:hover {
  color: #00D2FF;
  text-shadow: 0 0 10px rgba(0, 210, 255, 0.4);
}
.seccion-pie-moderno .marca-gigante-pie {
  position: relative;
  margin-top: 1.5rem;
  margin-bottom: -2rem;
  margin-left: -3rem;
  margin-right: -3rem;
  text-align: center;
  user-select: none;
  pointer-events: none;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .seccion-pie-moderno .marca-gigante-pie {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-bottom: -1.5rem;
  }
}
.seccion-pie-moderno .marca-gigante-pie .svg-marca-gigante {
  width: 100%;
  height: auto;
  max-height: 180px;
  display: block;
}
.seccion-pie-moderno .marca-gigante-pie .svg-marca-gigante text {
  font-size: 102px;
  text-transform: uppercase;
}

@keyframes pulsoVerde {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    transform: scale(0.85);
  }
}
/* ==========================================================================
   BOTÓN FLOTANTE GLOBAL DE WHATSAPP CON PULSO RADAR Y TOOLTIP
   ========================================================================== */
.boton-flotante-whatsapp {
  position: fixed;
  bottom: 2.25rem;
  right: 2.25rem;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
  color: #FFFFFF;
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(37, 211, 102, 0.48), 0 4px 14px rgba(0, 0, 0, 0.28);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
}
.boton-flotante-whatsapp .icono-whatsapp-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  z-index: 2;
  transition: transform 0.3s ease;
}
.boton-flotante-whatsapp {
  /* Ondas de radar expansivas que llaman la atención de forma sutil */
}
.boton-flotante-whatsapp .ondas-pulso-whatsapp {
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 2px solid rgba(37, 211, 102, 0.7);
  animation: ondaExpansivaWhatsapp 2.4s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
  pointer-events: none;
  z-index: 1;
}
.boton-flotante-whatsapp::before {
  content: "";
  position: absolute;
  inset: -12px;
  border-radius: 50%;
  border: 1.5px solid rgba(37, 211, 102, 0.35);
  animation: ondaExpansivaWhatsapp 2.4s infinite 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  pointer-events: none;
  z-index: 1;
}
.boton-flotante-whatsapp {
  /* Tooltip flotante a la izquierda */
}
.boton-flotante-whatsapp .tooltip-whatsapp {
  position: absolute;
  right: calc(100% + 14px);
  top: 50%;
  transform: translateY(-50%) translateX(10px);
  background: rgba(14, 20, 29, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(95, 180, 197, 0.3);
  border-radius: 8px;
  padding: 0.5rem 0.85rem;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: all 0.25s ease;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.boton-flotante-whatsapp .tooltip-whatsapp .estado-tooltip {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.65rem;
  font-weight: 700;
  color: #25D366;
  display: flex;
  align-items: center;
  gap: 5px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.boton-flotante-whatsapp .tooltip-whatsapp .estado-tooltip .punto-verde-tooltip {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #25D366;
  box-shadow: 0 0 6px #25D366;
}
.boton-flotante-whatsapp .tooltip-whatsapp .texto-tooltip {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  color: #FFFFFF;
}
.boton-flotante-whatsapp .tooltip-whatsapp::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translateY(-50%);
  border-width: 6px 0 6px 6px;
  border-style: solid;
  border-color: transparent transparent transparent rgba(14, 20, 29, 0.95);
}
.boton-flotante-whatsapp:hover {
  transform: scale(1.08) translateY(-3px);
  box-shadow: 0 12px 30px rgba(37, 211, 102, 0.6), 0 6px 16px rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
}
.boton-flotante-whatsapp:hover .icono-whatsapp-wrap {
  transform: rotate(8deg) scale(1.05);
}
.boton-flotante-whatsapp:hover .tooltip-whatsapp {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}
@media (max-width: 768px) {
  .boton-flotante-whatsapp {
    bottom: 1.25rem;
    right: 1.25rem;
    width: 52px;
    height: 52px;
  }
  .boton-flotante-whatsapp .icono-whatsapp-wrap svg {
    width: 24px;
    height: 24px;
  }
  .boton-flotante-whatsapp .tooltip-whatsapp {
    display: none;
  }
}

@keyframes ondaExpansivaWhatsapp {
  0% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  70% {
    transform: scale(1.45);
    opacity: 0;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
/* ==========================================================================
   VENTANA MODAL CORPORATIVA DE SOLICITUD DE INFORMACIÓN TÉCNICA
   ========================================================================== */
.modal-solicitud-corporativa {
  background: rgba(8, 11, 16, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.modal-solicitud-corporativa .modal-dialog {
  max-width: 760px;
  margin: 1.75rem auto;
}
.modal-solicitud-corporativa .contenedor-modal-solicitud {
  background: #0E141D;
  border: 1px solid rgba(95, 180, 197, 0.35);
  border-radius: 20px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.7), 0 0 40px rgba(95, 180, 197, 0.15);
  overflow: hidden;
  color: #F1F5F9;
}
.modal-solicitud-corporativa .cabecera-modal-solicitud {
  padding: 2rem 2.25rem 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  position: relative;
  background: linear-gradient(180deg, rgba(11, 67, 104, 0.25) 0%, transparent 100%);
}
.modal-solicitud-corporativa .cabecera-modal-solicitud .badge-modal-pildora {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.3rem 0.8rem;
  background: rgba(14, 20, 29, 0.85);
  border: 1px solid rgba(95, 180, 197, 0.4);
  border-radius: 50px;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #5FB4C5;
  text-transform: uppercase;
  margin-bottom: 0.65rem;
}
.modal-solicitud-corporativa .cabecera-modal-solicitud .badge-modal-pildora .punto-radar-modal {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #00D2FF;
  box-shadow: 0 0 8px #00D2FF;
}
.modal-solicitud-corporativa .cabecera-modal-solicitud .titular-modal {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.6rem;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #FFFFFF;
  margin-bottom: 0.35rem;
}
.modal-solicitud-corporativa .cabecera-modal-solicitud .bajada-modal {
  font-size: 0.92rem;
  color: #94A3B8;
  margin: 0;
}
.modal-solicitud-corporativa .cabecera-modal-solicitud .btn-cerrar-modal {
  position: absolute;
  top: 1.75rem;
  right: 1.75rem;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #94A3B8;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
}
.modal-solicitud-corporativa .cabecera-modal-solicitud .btn-cerrar-modal:hover {
  background: rgba(95, 180, 197, 0.2);
  color: #FFFFFF;
  border-color: #5FB4C5;
  transform: rotate(90deg);
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud {
  padding: 1.75rem 2.25rem 2.25rem;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .etiqueta-campo-modal {
  display: block;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 0.45rem;
  text-transform: uppercase;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .campo-input-modal {
  width: 100%;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 0.92rem;
  color: #FFFFFF;
  transition: all 0.25s ease;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .campo-input-modal::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .campo-input-modal:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.06);
  border-color: #5FB4C5;
  box-shadow: 0 0 0 3px rgba(95, 180, 197, 0.2);
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .bloque-recaptcha-modal .recaptcha-placeholder-mock.dark {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.15rem;
  background: rgba(14, 20, 29, 0.9);
  border: 1.5px solid rgba(95, 180, 197, 0.4);
  border-radius: 8px;
  max-width: 320px;
  cursor: pointer;
  user-select: none;
  transition: all 0.25s ease;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .bloque-recaptcha-modal .recaptcha-placeholder-mock.dark .check-mock-box {
  width: 26px;
  height: 26px;
  border: 2px solid rgba(95, 180, 197, 0.6);
  border-radius: 4px;
  background: rgba(8, 11, 16, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .bloque-recaptcha-modal .recaptcha-placeholder-mock.dark .check-mock-box.checked {
  background-color: rgba(37, 211, 102, 0.2);
  border-color: #25D366;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .bloque-recaptcha-modal .recaptcha-placeholder-mock.dark .check-mock-box.checked .check-icon-svg {
  display: block !important;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .bloque-recaptcha-modal .recaptcha-placeholder-mock.dark .texto-mock-captcha {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.86rem;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .bloque-recaptcha-modal .recaptcha-placeholder-mock.dark .brand-recaptcha-mock {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .bloque-recaptcha-modal .recaptcha-placeholder-mock.dark .brand-recaptcha-mock .logo-recaptcha-svg {
  color: #5FB4C5;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .bloque-recaptcha-modal .recaptcha-placeholder-mock.dark .brand-recaptcha-mock .subtexto-recaptcha {
  font-size: 0.55rem;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 0.05em;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .bloque-recaptcha-modal .recaptcha-placeholder-mock.dark:hover {
  border-color: #5FB4C5;
  background: rgba(21, 30, 43, 0.95);
  box-shadow: 0 4px 15px rgba(95, 180, 197, 0.2);
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .check-custom-modal {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  padding-left: 0;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .check-custom-modal .input-check-privacidad {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1.5px solid rgba(95, 180, 197, 0.4);
  cursor: pointer;
  margin-top: 0.2rem;
  flex-shrink: 0;
  accent-color: #5FB4C5;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .check-custom-modal .input-check-privacidad:checked {
  background-color: #5FB4C5;
  border-color: #5FB4C5;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .check-custom-modal .input-check-privacidad:focus {
  box-shadow: 0 0 0 3px rgba(95, 180, 197, 0.25);
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .check-custom-modal .etiqueta-check-privacidad {
  font-size: 0.82rem;
  line-height: 1.5;
  color: #94A3B8;
  cursor: pointer;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .check-custom-modal .etiqueta-check-privacidad .enlace-legal-modal {
  color: #5FB4C5;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .check-custom-modal .etiqueta-check-privacidad .enlace-legal-modal:hover {
  color: #FFFFFF;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .garantia-confidencialidad {
  font-size: 0.76rem;
  color: rgba(255, 255, 255, 0.45);
  display: flex;
  align-items: center;
  gap: 6px;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .garantia-confidencialidad svg {
  color: #5FB4C5;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .boton-enviar-modal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  padding: 0.85rem 1.85rem;
  background: linear-gradient(135deg, #5FB4C5 0%, #00D2FF 100%);
  color: #080B10;
  border: none;
  border-radius: 8px;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(95, 180, 197, 0.35);
  transition: all 0.25s ease;
}
.modal-solicitud-corporativa .cuerpo-modal-solicitud .boton-enviar-modal:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 229, 255, 0.5);
  color: #080B10;
}

/* FIN BLOQUE PIE DE PÁGINA Y FLOTANTES */
/* --------------------------------------------------------------------------
   11. UTILIDADES, ACCESIBILIDAD Y CLASES DE ESTADO
   -------------------------------------------------------------------------- */
/* INICIO BLOQUE UTILIDADES Y ESTADOS */
/* FIN BLOQUE UTILIDADES Y ESTADOS */
/* --------------------------------------------------------------------------
   12. VISTAS Y SECCIONES DE PÁGINAS ESPECÍFICAS
   -------------------------------------------------------------------------- */
/* INICIO BLOQUE SECCIONES DE PÁGINAS ESPECÍFICAS */
/* INICIO SECCIÓN INICIO */
.seccion-hero {
  position: relative;
  min-height: 100vh;
  width: 100%;
  overflow: hidden;
  background-color: #080B10;
}

.carrusel-hero-principal {
  position: relative;
  width: 100%;
  min-height: 100vh;
}
.carrusel-hero-principal .carousel-inner {
  min-height: 100vh;
}

.slide-hero {
  min-height: 100vh;
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 8rem 2rem 6rem;
  background-color: #080B10;
}

.fondo-slide-hero {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.fondo-slide-hero .imagen-fondo-slide {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: brightness(0.85) contrast(1.05) saturate(1.1);
  transform: scale(1.03);
  transition: transform 7s ease-out;
}
.fondo-slide-hero .degradado-fondo-slide {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, rgba(11, 67, 104, 0.22) 0%, rgba(8, 11, 16, 0.45) 55%, rgba(8, 11, 16, 0.85) 100%), linear-gradient(180deg, rgba(8, 11, 16, 0.6) 0%, rgba(8, 11, 16, 0.15) 30%, rgba(8, 11, 16, 0.2) 70%, #080B10 100%);
}

.slide-hero.active .fondo-slide-hero .imagen-fondo-slide {
  transform: scale(1);
}

.contenedor-hero {
  position: relative;
  z-index: 2;
  text-align: center;
}

.badge-tecnico-hero {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.35rem 0.95rem;
  background: rgba(14, 20, 29, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(95, 180, 197, 0.35);
  border-radius: 4px;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #5FB4C5;
  margin-bottom: 1.5rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}
.badge-tecnico-hero .punto-radar-hero {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #00D2FF;
  box-shadow: 0 0 10px #00D2FF;
  animation: pulso-radar 2s infinite;
}

@keyframes pulso-radar {
  0% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.3);
    opacity: 1;
    box-shadow: 0 0 14px #00D2FF;
  }
  100% {
    transform: scale(0.95);
    opacity: 0.8;
  }
}
.titular-hero {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(1.85rem, 6.5vw, 6.2rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.035em;
  text-transform: uppercase;
  margin: 0 auto 1.75rem;
  max-width: 1350px;
  word-break: normal;
  overflow-wrap: break-word;
}
@media (max-width: 767.98px) {
  .titular-hero {
    font-size: clamp(1.65rem, 7.2vw, 2.35rem);
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin-bottom: 1.25rem;
  }
}
.titular-hero {
  /* Efecto de texto acristalado y translúcido de gran potencia visual */
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(240, 246, 252, 0.85) 45%, rgba(200, 220, 240, 0.55) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.7)) drop-shadow(0 0 50px rgba(95, 180, 197, 0.2));
}
.titular-hero .texto-acento-cian {
  background: linear-gradient(180deg, #00E5FF 0%, #5FB4C5 60%, rgba(95, 180, 197, 0.6) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 25px rgba(0, 229, 255, 0.45));
}

.subtitulo-hero {
  font-size: clamp(1rem, 1.25vw, 1.2rem);
  font-weight: 400;
  line-height: 1.6;
  color: #94A3B8;
  max-width: 820px;
  margin: 0 auto 2.5rem;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
}

.acciones-hero {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.boton-cta-hero {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  padding: 0.85rem 1.75rem;
  border-radius: 5px;
  text-decoration: none;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: all 0.25s ease;
}
.boton-cta-hero.principal {
  background: #5FB4C5;
  color: #080B10;
  border: 1px solid #5FB4C5;
  box-shadow: 0 6px 25px rgba(95, 180, 197, 0.35);
}
.boton-cta-hero.principal:hover {
  background: #FFFFFF;
  color: #080B10;
  border-color: #FFFFFF;
  box-shadow: 0 8px 30px rgba(255, 255, 255, 0.4);
  transform: translateY(-2px);
}
.boton-cta-hero.secundario {
  background: rgba(14, 20, 29, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #F1F5F9;
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.boton-cta-hero.secundario:hover {
  border-color: #5FB4C5;
  color: #5FB4C5;
  background: rgba(21, 30, 43, 0.95);
  transform: translateY(-2px);
}
.boton-cta-hero.whatsapp {
  background: rgba(37, 211, 102, 0.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #25D366;
  border: 1px solid rgba(37, 211, 102, 0.4);
}
.boton-cta-hero.whatsapp:hover {
  background: #25D366;
  color: #080B10;
  border-color: #25D366;
  box-shadow: 0 6px 25px rgba(37, 211, 102, 0.4);
  transform: translateY(-2px);
}

.indicadores-hero {
  bottom: 2.5rem;
  margin-bottom: 0;
  gap: 0.5rem;
  z-index: 10;
}
.indicadores-hero button {
  width: 38px;
  height: 3px;
  border: none;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.25);
  opacity: 0.7;
  transition: all 0.3s ease;
}
.indicadores-hero button.active {
  background-color: #5FB4C5;
  opacity: 1;
  width: 55px;
  box-shadow: 0 0 10px #5FB4C5;
}

.control-flecha-hero {
  width: 48px;
  height: 48px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(14, 20, 29, 0.65);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 6px;
  color: #94A3B8;
  opacity: 0.7;
  transition: all 0.2s ease;
  z-index: 10;
}
@media (max-width: 767.98px) {
  .control-flecha-hero {
    display: none !important;
  }
}
.control-flecha-hero.carousel-control-prev {
  left: 2rem;
}
.control-flecha-hero.carousel-control-next {
  right: 2rem;
}
.control-flecha-hero:hover {
  background: rgba(21, 30, 43, 0.95);
  border-color: #5FB4C5;
  color: #5FB4C5;
  opacity: 1;
}

/* CINTA PANORÁMICA DE PILARES ESTRATÉGICOS HERO (VISIBILIDAD Y SEO INMEDIATO) */
.cinta-pilares-hero-visible {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  background: linear-gradient(180deg, transparent 0%, rgba(8, 11, 16, 0.85) 40%, rgba(8, 11, 16, 0.98) 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 1rem 0 1.25rem;
}
.cinta-pilares-hero-visible .grilla-pilares-hero {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
.cinta-pilares-hero-visible .item-pilar-hero {
  position: relative;
  padding: 0.85rem 1.15rem;
  background: rgba(14, 20, 29, 0.6);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  flex-direction: column;
  text-align: left;
}
.cinta-pilares-hero-visible .item-pilar-hero .indicador-linea-pilar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: transparent;
  transition: background 0.3s ease;
  border-radius: 6px 6px 0 0;
}
.cinta-pilares-hero-visible .item-pilar-hero .etiqueta-pilar {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0.25rem;
  transition: color 0.2s ease;
}
.cinta-pilares-hero-visible .item-pilar-hero .titulo-pilar {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.86rem;
  font-weight: 700;
  color: #F1F5F9;
  line-height: 1.25;
  transition: color 0.2s ease;
}
.cinta-pilares-hero-visible .item-pilar-hero:hover {
  background: rgba(21, 30, 43, 0.85);
  border-color: rgba(95, 180, 197, 0.35);
  transform: translateY(-2px);
}
.cinta-pilares-hero-visible .item-pilar-hero:hover .etiqueta-pilar {
  color: #5FB4C5;
}
.cinta-pilares-hero-visible .item-pilar-hero.activo {
  background: rgba(11, 67, 104, 0.35);
  border-color: rgba(95, 180, 197, 0.6);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}
.cinta-pilares-hero-visible .item-pilar-hero.activo .indicador-linea-pilar {
  background: linear-gradient(90deg, #5FB4C5 0%, #00D2FF 100%);
  box-shadow: 0 0 10px rgba(95, 180, 197, 0.8);
}
.cinta-pilares-hero-visible .item-pilar-hero.activo .etiqueta-pilar {
  color: #5FB4C5;
}
.cinta-pilares-hero-visible .item-pilar-hero.activo .titulo-pilar {
  color: #FFFFFF;
}
@media (max-width: 991.98px) {
  .cinta-pilares-hero-visible {
    display: none;
  }
}

.seccion-home-novedades {
  padding: 6rem 0 6.5rem;
  background-color: #F8FAFC;
  position: relative;
  z-index: 20;
}
.seccion-home-novedades .barra-cabecera-novedades {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.25rem;
  padding: 1.25rem 2rem;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 100px;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
  margin-bottom: 2.5rem;
}
.seccion-home-novedades .barra-cabecera-novedades .bloque-titular-cabecera {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.seccion-home-novedades .barra-cabecera-novedades .bloque-titular-cabecera .badge-chispa {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0F172A;
  background: transparent;
  border: 1.5px solid #CBD5E1;
  padding: 0.35rem 0.95rem;
  border-radius: 50px;
}
.seccion-home-novedades .barra-cabecera-novedades .bloque-titular-cabecera .badge-chispa svg {
  color: #5FB4C5;
}
.seccion-home-novedades .barra-cabecera-novedades .bloque-titular-cabecera .titular-barra {
  font-family: "Inter", sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0F172A;
  margin: 0;
}
.seccion-home-novedades .barra-cabecera-novedades .bloque-titular-cabecera .bajada-barra {
  font-size: 0.88rem;
  color: #64748B;
  font-weight: 500;
  display: inline-block;
}
@media (max-width: 768px) {
  .seccion-home-novedades .barra-cabecera-novedades .bloque-titular-cabecera .bajada-barra {
    display: none;
  }
}
.seccion-home-novedades .barra-cabecera-novedades .boton-ver-mas-novedades {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.55rem 1.25rem;
  background: #0F172A;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 100px;
  font-family: "Inter", sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  transition: all 0.25s ease;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15);
}
.seccion-home-novedades .barra-cabecera-novedades .boton-ver-mas-novedades .circulo-icono-flecha {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.25s ease, background-color 0.25s ease;
}
.seccion-home-novedades .barra-cabecera-novedades .boton-ver-mas-novedades:hover {
  background: #0B4368;
  color: #FFFFFF;
  box-shadow: 0 6px 20px rgba(11, 67, 104, 0.25);
  transform: translateY(-1px);
}
.seccion-home-novedades .barra-cabecera-novedades .boton-ver-mas-novedades:hover .circulo-icono-flecha {
  transform: translateX(3px);
  background: #5FB4C5;
  color: #080B10;
}
.seccion-home-novedades .tarjeta-novedad-hero {
  position: relative;
  height: 100%;
  min-height: 520px;
  border-radius: 28px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 2.5rem;
  text-decoration: none;
  background: #0E141D;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}
.seccion-home-novedades .tarjeta-novedad-hero .imagen-fondo-hero {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 1;
}
.seccion-home-novedades .tarjeta-novedad-hero .capa-gradiente-hero {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 11, 16, 0.15) 0%, rgba(8, 11, 16, 0.4) 40%, rgba(8, 11, 16, 0.88) 100%);
  z-index: 2;
}
.seccion-home-novedades .tarjeta-novedad-hero .tarjeta-frosted-contenido {
  position: relative;
  z-index: 3;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 22px;
  padding: 2rem 2.25rem 2rem 2rem;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.22);
  transition: background-color 0.3s ease, transform 0.3s ease;
}
.seccion-home-novedades .tarjeta-novedad-hero .tarjeta-frosted-contenido .meta-pildoras {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}
.seccion-home-novedades .tarjeta-novedad-hero .tarjeta-frosted-contenido .meta-pildoras .tag-categoria-frosted {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #0B4368;
  background: transparent;
  border: 1px solid rgba(11, 67, 104, 0.25);
  padding: 0.25rem 0.75rem;
  border-radius: 50px;
}
.seccion-home-novedades .tarjeta-novedad-hero .tarjeta-frosted-contenido .meta-pildoras .tiempo-lectura-frosted {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 600;
  color: #64748B;
}
.seccion-home-novedades .tarjeta-novedad-hero .tarjeta-frosted-contenido .titular-frosted {
  font-family: "Inter", sans-serif;
  font-size: clamp(1.2rem, 1.8vw, 1.55rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.025em;
  color: #0F172A;
  margin-bottom: 1.25rem;
  transition: color 0.25s ease;
}
.seccion-home-novedades .tarjeta-novedad-hero .tarjeta-frosted-contenido .pie-autor-frosted {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}
.seccion-home-novedades .tarjeta-novedad-hero .tarjeta-frosted-contenido .pie-autor-frosted .autor-info {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}
.seccion-home-novedades .tarjeta-novedad-hero .tarjeta-frosted-contenido .pie-autor-frosted .autor-info .avatar-autor {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #0B4368;
  color: #5FB4C5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 800;
}
.seccion-home-novedades .tarjeta-novedad-hero .tarjeta-frosted-contenido .pie-autor-frosted .autor-info .nombre-autor {
  font-size: 0.82rem;
  font-weight: 700;
  color: #1E293B;
}
.seccion-home-novedades .tarjeta-novedad-hero .tarjeta-frosted-contenido .pie-autor-frosted .autor-info .fecha-publicacion {
  font-size: 0.76rem;
  color: #64748B;
  font-family: "JetBrains Mono", monospace;
}
.seccion-home-novedades .tarjeta-novedad-hero .boton-notch-accion {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #0F172A;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.seccion-home-novedades .tarjeta-novedad-hero .boton-notch-accion svg {
  transition: transform 0.3s ease;
}
.seccion-home-novedades .tarjeta-novedad-hero:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 50px rgba(15, 23, 42, 0.14);
}
.seccion-home-novedades .tarjeta-novedad-hero:hover .imagen-fondo-hero {
  transform: scale(1.04);
}
.seccion-home-novedades .tarjeta-novedad-hero:hover .titular-frosted {
  color: #0B4368;
}
.seccion-home-novedades .tarjeta-novedad-hero:hover .boton-notch-accion {
  background: #5FB4C5;
  color: #080B10;
  transform: scale(1.1);
}
.seccion-home-novedades .tarjeta-novedad-hero:hover .boton-notch-accion svg {
  transform: translateX(2px) translateY(-2px);
}
@media (max-width: 768px) {
  .seccion-home-novedades .tarjeta-novedad-hero {
    min-height: 440px;
    padding: 1.5rem;
  }
  .seccion-home-novedades .tarjeta-novedad-hero .tarjeta-frosted-contenido {
    padding: 1.35rem;
  }
}
.seccion-home-novedades .tarjeta-novedad-compacta {
  display: flex;
  flex-direction: row;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 24px;
  overflow: hidden;
  height: calc(50% - 0.75rem);
  min-height: 245px;
  text-decoration: none;
  position: relative;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.seccion-home-novedades .tarjeta-novedad-compacta .contenedor-foto-compacta {
  width: 42%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
  background: #0E141D;
  flex-shrink: 0;
}
.seccion-home-novedades .tarjeta-novedad-compacta .contenedor-foto-compacta .imagen-compacta {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.seccion-home-novedades .tarjeta-novedad-compacta .cuerpo-compacta {
  width: 58%;
  padding: 1.75rem 1.75rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.seccion-home-novedades .tarjeta-novedad-compacta .cuerpo-compacta .meta-pildoras {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.65rem;
}
.seccion-home-novedades .tarjeta-novedad-compacta .cuerpo-compacta .meta-pildoras .tag-categoria {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #0B4368;
  background: transparent;
  border: 1px solid rgba(11, 67, 104, 0.25);
  padding: 0.2rem 0.65rem;
  border-radius: 50px;
}
.seccion-home-novedades .tarjeta-novedad-compacta .cuerpo-compacta .meta-pildoras .tiempo-lectura {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.7rem;
  font-weight: 600;
  color: #64748B;
}
.seccion-home-novedades .tarjeta-novedad-compacta .cuerpo-compacta .titular-compacta {
  font-family: "Inter", sans-serif;
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.32;
  letter-spacing: -0.02em;
  color: #0F172A;
  margin-bottom: 0.75rem;
  transition: color 0.25s ease;
}
.seccion-home-novedades .tarjeta-novedad-compacta .cuerpo-compacta .pie-compacta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(226, 232, 240, 0.8);
}
.seccion-home-novedades .tarjeta-novedad-compacta .cuerpo-compacta .pie-compacta .fecha-compacta {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  color: #64748B;
}
.seccion-home-novedades .tarjeta-novedad-compacta .cuerpo-compacta .pie-compacta .boton-flecha-pequena {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #F1F5F9;
  color: #0F172A;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}
.seccion-home-novedades .tarjeta-novedad-compacta:hover {
  transform: translateY(-3px);
  border-color: #CBD5E1;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.09);
}
.seccion-home-novedades .tarjeta-novedad-compacta:hover .contenedor-foto-compacta .imagen-compacta {
  transform: scale(1.06);
}
.seccion-home-novedades .tarjeta-novedad-compacta:hover .titular-compacta {
  color: #0B4368;
}
.seccion-home-novedades .tarjeta-novedad-compacta:hover .boton-flecha-pequena {
  background: #0B4368;
  color: #FFFFFF;
  transform: translateX(3px);
}
@media (max-width: 768px) {
  .seccion-home-novedades .tarjeta-novedad-compacta {
    flex-direction: column;
    min-height: auto;
    height: auto;
  }
  .seccion-home-novedades .tarjeta-novedad-compacta .contenedor-foto-compacta {
    width: 100%;
    height: 180px;
  }
  .seccion-home-novedades .tarjeta-novedad-compacta .cuerpo-compacta {
    width: 100%;
    padding: 1.25rem;
  }
}
.seccion-home-novedades .stack-tarjetas-derecha {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  height: 100%;
}

.seccion-home-identidad-showcase {
  position: relative;
  background-color: #FFFFFF;
  z-index: 25;
  border-top: 1px solid #E2E8F0;
  border-bottom: 1px solid #E2E8F0;
  height: 320vh;
}
.seccion-home-identidad-showcase .contenedor-sticky-identidad {
  position: sticky;
  top: 90px;
  height: calc(100vh - 90px);
  display: flex;
  align-items: center;
  padding: 3rem 0;
  overflow: hidden;
}
.seccion-home-identidad-showcase .columna-pestanas-identidad {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  justify-content: center;
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .cabecera-bloque-identidad {
  margin-bottom: 1.5rem;
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .cabecera-bloque-identidad .subtitulo-seccion {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0F172A;
  background: transparent;
  border: 1.5px solid #CBD5E1;
  border-radius: 50px;
  padding: 0.35rem 0.95rem;
  margin-bottom: 0.85rem;
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .cabecera-bloque-identidad .subtitulo-seccion .punto-subtitulo {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #5FB4C5;
  box-shadow: 0 0 6px rgba(95, 180, 197, 0.6);
  flex-shrink: 0;
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .cabecera-bloque-identidad .titular-bloque-identidad {
  font-family: "Inter", sans-serif;
  font-size: clamp(1.8rem, 2.5vw, 2.4rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: #0F172A;
  margin: 0;
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .cabecera-bloque-identidad .titular-bloque-identidad .texto-acento {
  color: #0B4368;
  background: linear-gradient(135deg, #0B4368 0%, #0284C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .lista-pestanas-identidad {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .item-pestana-identidad {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.65rem;
  background: #FFFFFF;
  border: 1.5px solid #E2E8F0;
  border-radius: 18px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .item-pestana-identidad .info-texto-pestana {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .item-pestana-identidad .info-texto-pestana .titulo-pestana {
  font-family: "Inter", sans-serif;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0F172A;
  margin: 0;
  transition: color 0.3s ease;
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .item-pestana-identidad .info-texto-pestana .subtitulo-pestana {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748B;
  transition: color 0.3s ease;
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .item-pestana-identidad .icono-flecha-pestana {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #F1F5F9;
  color: #0B4368;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .item-pestana-identidad:hover:not(.activa) {
  border-color: #CBD5E1;
  background: #F8FAFC;
  transform: translateX(4px);
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .item-pestana-identidad:hover:not(.activa) .icono-flecha-pestana {
  background: #0B4368;
  color: #FFFFFF;
  transform: scale(1.05);
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .item-pestana-identidad.activa {
  background: #0E141D;
  border-color: #5FB4C5;
  box-shadow: 0 12px 30px rgba(14, 20, 29, 0.18);
  transform: translateX(6px);
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .item-pestana-identidad.activa .info-texto-pestana .titulo-pestana {
  color: #FFFFFF;
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .item-pestana-identidad.activa .info-texto-pestana .subtitulo-pestana {
  color: #5FB4C5;
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .item-pestana-identidad.activa .icono-flecha-pestana {
  background: #5FB4C5;
  color: #080B10;
  transform: rotate(45deg);
}
.seccion-home-identidad-showcase .columna-pestanas-identidad .item-pestana-identidad.activa::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #5FB4C5;
}
.seccion-home-identidad-showcase .columna-visual-identidad {
  height: 100%;
  display: flex;
  align-items: center;
}
.seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad {
  position: relative;
  width: 100%;
  height: 560px;
  border-radius: 28px;
  overflow: hidden;
  background: #0E141D;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.15);
  border: 1px solid #E2E8F0;
}
.seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad .imagen-equipo-fondo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}
.seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad .capa-degradado-ambiente {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 11, 16, 0.02) 0%, rgba(8, 11, 16, 0.2) 60%, rgba(8, 11, 16, 0.5) 100%);
  z-index: 2;
}
.seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad .stack-respuestas-identidad {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  align-items: flex-end;
  padding: 2.5rem;
}
.seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad .capa-transluscida-respuesta {
  display: none;
  background: rgba(10, 15, 22, 0.42);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 22px;
  padding: 2.25rem 2.5rem;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
  width: 100%;
  animation: fadeSlideUpRespuesta 0.45s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad .capa-transluscida-respuesta.activa {
  display: block;
}
.seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad .capa-transluscida-respuesta .badge-pregunta-activa {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5FB4C5;
  margin-bottom: 0.85rem;
}
.seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad .capa-transluscida-respuesta .badge-pregunta-activa .punto-radar {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #5FB4C5;
  box-shadow: 0 0 8px #5FB4C5;
}
.seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad .capa-transluscida-respuesta .titular-respuesta {
  font-family: "Inter", sans-serif;
  font-size: clamp(1.2rem, 1.6vw, 1.45rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin-bottom: 0.85rem;
}
.seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad .capa-transluscida-respuesta .parrafo-respuesta {
  font-size: 0.94rem;
  line-height: 1.65;
  color: #CBD5E1;
  margin-bottom: 1.25rem;
}
.seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad .capa-transluscida-respuesta .parrafo-respuesta strong {
  color: #FFFFFF;
  font-weight: 700;
}
.seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad .capa-transluscida-respuesta .enlace-accion-respuesta {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-family: "Inter", sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5FB4C5;
  text-decoration: none;
  transition: all 0.2s ease;
}
.seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad .capa-transluscida-respuesta .enlace-accion-respuesta svg {
  transition: transform 0.2s ease;
}
.seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad .capa-transluscida-respuesta .enlace-accion-respuesta:hover {
  color: #00D2FF;
}
.seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad .capa-transluscida-respuesta .enlace-accion-respuesta:hover svg {
  transform: translateX(4px);
}
.seccion-home-identidad-showcase .indicador-progreso-showcase {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.5rem;
  z-index: 10;
}
.seccion-home-identidad-showcase .indicador-progreso-showcase .linea-paso-showcase {
  width: 32px;
  height: 4px;
  border-radius: 2px;
  background: #CBD5E1;
  transition: all 0.3s ease;
}
.seccion-home-identidad-showcase .indicador-progreso-showcase .linea-paso-showcase.activo {
  background: #0B4368;
  width: 48px;
}

@keyframes fadeSlideUpRespuesta {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 991.98px) {
  .seccion-home-identidad-showcase {
    height: auto !important;
  }
  .seccion-home-identidad-showcase .contenedor-sticky-identidad {
    position: relative !important;
    top: 0 !important;
    height: auto !important;
    padding: 4.5rem 0;
  }
  .seccion-home-identidad-showcase .columna-pestanas-identidad {
    margin-bottom: 2.5rem;
  }
  .seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad {
    height: 480px;
  }
  .seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad .stack-respuestas-identidad {
    padding: 1.5rem;
  }
  .seccion-home-identidad-showcase .columna-visual-identidad .marco-imagen-identidad .capa-transluscida-respuesta {
    padding: 1.5rem;
  }
  .seccion-home-identidad-showcase .indicador-progreso-showcase {
    display: none;
  }
}
.seccion-home-servicios-principales {
  position: relative;
  z-index: 20;
  padding: 6.5rem 0 6rem;
  background-color: #FFFFFF;
  background-image: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(95, 180, 197, 0.06) 0%, transparent 80%);
  border-top: 1px solid #E2E8F0;
  border-bottom: 1px solid #E2E8F0;
}
.seccion-home-servicios-principales .cabecera-seccion-servicios-home {
  max-width: 780px;
  margin: 0 auto 3.75rem;
}
.seccion-home-servicios-principales .cabecera-seccion-servicios-home .badge-subtitulo-pildora {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.95rem;
  border-radius: 50px;
  background: transparent;
  border: 1.5px solid #CBD5E1;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0B4368;
  margin-bottom: 1.25rem;
}
.seccion-home-servicios-principales .cabecera-seccion-servicios-home .badge-subtitulo-pildora .punto-destello {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0284C7;
  box-shadow: 0 0 8px rgba(2, 132, 199, 0.6);
}
.seccion-home-servicios-principales .cabecera-seccion-servicios-home .titular-seccion-servicios-home {
  font-family: "Inter", sans-serif;
  font-size: clamp(1.85rem, 3vw, 2.45rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: #0E141D;
  margin-bottom: 1rem;
}
.seccion-home-servicios-principales .cabecera-seccion-servicios-home .titular-seccion-servicios-home .texto-acento-gradiente {
  background: linear-gradient(135deg, #0B4368 0%, #0284C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.seccion-home-servicios-principales .cabecera-seccion-servicios-home .descripcion-seccion-servicios-home {
  font-size: 1.05rem;
  line-height: 1.65;
  color: #475569;
  margin-bottom: 0;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 2.75rem 2.5rem;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, transparent 0%, #0B4368 30%, #0284C7 70%, transparent 100%);
  opacity: 0;
  transition: opacity 0.35s ease;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal:hover {
  transform: translateY(-6px);
  border-color: #CBD5E1;
  box-shadow: 0 25px 50px rgba(15, 23, 42, 0.1), 0 0 25px rgba(2, 132, 199, 0.06);
}
.seccion-home-servicios-principales .tarjeta-servicio-principal:hover::before {
  opacity: 1;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal:hover .cabecera-tarjeta-servicio .bloque-logo-izq {
  transform: scale(1.05);
}
.seccion-home-servicios-principales .tarjeta-servicio-principal:hover .pie-tarjeta-servicio .boton-enlace-servicio {
  background: #0B4368;
  color: #FFFFFF;
  border-color: #0B4368;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal:hover .pie-tarjeta-servicio .boton-enlace-servicio svg {
  transform: translateX(4px);
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .cabecera-tarjeta-servicio {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .cabecera-tarjeta-servicio .bloque-logo-izq {
  width: 115px;
  min-width: 115px;
  height: 115px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .cabecera-tarjeta-servicio .bloque-logo-izq.ens-logo {
  width: 155px;
  min-width: 155px;
  height: 115px;
  padding: 12px 10px;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .cabecera-tarjeta-servicio .bloque-logo-izq .img-logo-norma {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .cabecera-tarjeta-servicio .bloque-textos-der {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .cabecera-tarjeta-servicio .bloque-textos-der .contenedor-insignia-norma {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.4rem;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .cabecera-tarjeta-servicio .bloque-textos-der .contenedor-insignia-norma .insignia-norma-codigo {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  color: #0B4368;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .cabecera-tarjeta-servicio .bloque-textos-der .contenedor-insignia-norma .insignia-norma-codigo.ens {
  color: #0284C7;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .cabecera-tarjeta-servicio .bloque-textos-der .contenedor-insignia-norma .insignia-norma-tipo {
  font-size: 0.76rem;
  font-weight: 600;
  color: #64748B;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .cabecera-tarjeta-servicio .bloque-textos-der .titular-tarjeta-servicio {
  font-family: "Inter", sans-serif;
  font-size: clamp(1.2rem, 1.5vw, 1.38rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #0E141D;
  margin-bottom: 0;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .cuerpo-tarjeta-servicio {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .cuerpo-tarjeta-servicio .resumen-tarjeta-servicio {
  font-size: 0.96rem;
  line-height: 1.65;
  color: #475569;
  margin-bottom: 1.75rem;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .cuerpo-tarjeta-servicio .lista-claves-servicio {
  list-style: none;
  padding: 0;
  margin: 0 0 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .cuerpo-tarjeta-servicio .lista-claves-servicio li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-size: 0.92rem;
  line-height: 1.5;
  color: #334155;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .cuerpo-tarjeta-servicio .lista-claves-servicio li strong {
  color: #0E141D;
  font-weight: 700;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .cuerpo-tarjeta-servicio .lista-claves-servicio li .icono-check-servicio {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(11, 67, 104, 0.1);
  color: #0B4368;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .pie-tarjeta-servicio {
  margin-top: auto;
  padding-top: 1.25rem;
  border-top: 1px solid #E2E8F0;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .pie-tarjeta-servicio .boton-enlace-servicio {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.85rem 1.35rem;
  border-radius: 12px;
  background: #FFFFFF;
  border: 1px solid #CBD5E1;
  color: #0E141D;
  font-family: "Inter", sans-serif;
  font-size: 0.92rem;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.03);
  transition: all 0.25s ease;
}
.seccion-home-servicios-principales .tarjeta-servicio-principal .pie-tarjeta-servicio .boton-enlace-servicio svg {
  transition: transform 0.25s ease;
}
.seccion-home-servicios-principales .callout-otras-normas-servicios .contenedor-callout-interior {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.85rem 1.25rem;
  padding: 1.1rem 2rem;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 50px;
  font-size: 0.92rem;
  color: #475569;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.02);
}
.seccion-home-servicios-principales .callout-otras-normas-servicios .contenedor-callout-interior .texto-callout {
  color: #0E141D;
  font-weight: 700;
}
.seccion-home-servicios-principales .callout-otras-normas-servicios .contenedor-callout-interior .enlaces-callout-inline a {
  color: #0B4368;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 700;
  transition: color 0.2s ease;
}
.seccion-home-servicios-principales .callout-otras-normas-servicios .contenedor-callout-interior .enlaces-callout-inline a:hover {
  color: #0284C7;
}
.seccion-home-servicios-principales .callout-otras-normas-servicios .contenedor-callout-interior .enlace-catalogo-completo {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #0B4368;
  font-weight: 700;
  font-size: 0.88rem;
  text-decoration: none;
  margin-left: 0.5rem;
  padding-left: 0.85rem;
  border-left: 1px solid #CBD5E1;
  transition: color 0.2s ease;
}
.seccion-home-servicios-principales .callout-otras-normas-servicios .contenedor-callout-interior .enlace-catalogo-completo:hover {
  color: #0284C7;
}
@media (max-width: 767.98px) {
  .seccion-home-servicios-principales {
    padding: 4.5rem 0;
  }
  .seccion-home-servicios-principales .tarjeta-servicio-principal {
    padding: 2rem 1.5rem;
  }
  .seccion-home-servicios-principales .callout-otras-normas-servicios .contenedor-callout-interior {
    border-radius: 20px;
    padding: 1.25rem 1.5rem;
    text-align: center;
  }
  .seccion-home-servicios-principales .callout-otras-normas-servicios .contenedor-callout-interior .enlace-catalogo-completo {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
    width: 100%;
    justify-content: center;
    margin-top: 0.5rem;
  }
}

.seccion-home-cta-ruptura {
  position: relative;
  z-index: 22;
  padding: 3.5rem 0;
  background-color: #FFFFFF;
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura {
  position: relative;
  border-radius: 28px;
  padding: 3.75rem 4rem;
  background: #080B10;
  background-image: radial-gradient(circle at 15% 20%, rgba(11, 67, 104, 0.7) 0%, transparent 60%), radial-gradient(circle at 85% 80%, rgba(95, 180, 197, 0.15) 0%, transparent 50%), linear-gradient(135deg, #080B10 0%, #0E141D 100%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 25px 60px rgba(8, 11, 16, 0.35), 0 0 40px rgba(11, 67, 104, 0.2);
  overflow: hidden;
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .fondo-ambiente-cta-oscura {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .fondo-ambiente-cta-oscura .haz-oblicuo-cian {
  position: absolute;
  top: -40%;
  right: 15%;
  width: 50%;
  height: 180%;
  background: linear-gradient(135deg, rgba(95, 180, 197, 0.1) 0%, rgba(0, 210, 255, 0.02) 40%, transparent 70%);
  transform: rotate(-25deg);
  filter: blur(30px);
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .posicion-relativa-cta {
  position: relative;
  z-index: 2;
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-mensaje-cta .badge-cta-oscuro {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.9rem;
  border-radius: 50px;
  background: rgba(95, 180, 197, 0.12);
  border: 1px solid rgba(95, 180, 197, 0.3);
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5FB4C5;
  margin-bottom: 1.15rem;
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-mensaje-cta .badge-cta-oscuro .punto-radar-pulsante {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #5FB4C5;
  box-shadow: 0 0 8px #5FB4C5;
  animation: pulsoRadarCta 2s infinite ease-in-out;
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-mensaje-cta .titular-cta-oscuro {
  font-family: "Inter", sans-serif;
  font-size: clamp(1.65rem, 2.5vw, 2.25rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  margin-bottom: 0.95rem;
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-mensaje-cta .titular-cta-oscuro .texto-acento-cian {
  color: #5FB4C5;
  background: linear-gradient(135deg, #5FB4C5 0%, #00D2FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-mensaje-cta .descripcion-cta-oscuro {
  font-size: 1.02rem;
  line-height: 1.65;
  color: #CBD5E1;
  margin-bottom: 1.75rem;
  max-width: 640px;
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-mensaje-cta .micro-garantias-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-mensaje-cta .micro-garantias-cta .item-garantia-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
  font-weight: 600;
  color: #94A3B8;
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-mensaje-cta .micro-garantias-cta .item-garantia-cta svg {
  color: #5FB4C5;
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-acciones-cta-oscura {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  align-items: flex-start;
}
@media (min-width: 992px) {
  .seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-acciones-cta-oscura {
    align-items: flex-end;
  }
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-acciones-cta-oscura .boton-cta-accion-principal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
  max-width: 320px;
  padding: 1.05rem 1.75rem;
  border-radius: 12px;
  background: linear-gradient(135deg, #5FB4C5 0%, #0284C7 100%);
  color: #FFFFFF;
  font-family: "Inter", sans-serif;
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(2, 132, 199, 0.35);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-acciones-cta-oscura .boton-cta-accion-principal svg {
  transition: transform 0.25s ease;
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-acciones-cta-oscura .boton-cta-accion-principal:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(2, 132, 199, 0.5), 0 0 20px rgba(95, 180, 197, 0.3);
  color: #FFFFFF;
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-acciones-cta-oscura .boton-cta-accion-principal:hover svg {
  transform: translateX(4px);
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-acciones-cta-oscura .boton-cta-accion-secundario {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  width: 100%;
  max-width: 320px;
  padding: 0.95rem 1.6rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #E2E8F0;
  font-family: "Inter", sans-serif;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-decoration: none;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.25s ease;
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-acciones-cta-oscura .boton-cta-accion-secundario svg {
  color: #25D366;
  transition: transform 0.25s ease;
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-acciones-cta-oscura .boton-cta-accion-secundario:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.3);
  color: #FFFFFF;
  transform: translateY(-2px);
}
.seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-acciones-cta-oscura .boton-cta-accion-secundario:hover svg {
  transform: scale(1.15);
}
@media (max-width: 991.98px) {
  .seccion-home-cta-ruptura {
    padding: 2.5rem 0;
  }
  .seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura {
    padding: 2.75rem 2rem;
  }
  .seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-acciones-cta-oscura {
    margin-top: 1rem;
    align-items: stretch;
  }
  .seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-acciones-cta-oscura .boton-cta-accion-principal,
  .seccion-home-cta-ruptura .contenedor-tarjeta-cta-oscura .bloque-acciones-cta-oscura .boton-cta-accion-secundario {
    max-width: 100%;
  }
}

@keyframes pulsoRadarCta {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.6);
    opacity: 0.4;
  }
}
.seccion-home-alivio-operativo {
  position: relative;
  z-index: 20;
  padding: 6.5rem 0 6rem;
  background-color: #FFFFFF;
  border-top: 1px solid #E2E8F0;
  border-bottom: 1px solid #E2E8F0;
}
.seccion-home-alivio-operativo .marco-imagen-vertical-metodologia {
  position: relative;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12);
  border: 1px solid #E2E8F0;
  aspect-ratio: 1/1;
  max-width: 500px;
  margin: 0 auto;
}
.seccion-home-alivio-operativo .marco-imagen-vertical-metodologia .imagen-vertical-consultor {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  transition: transform 0.6s ease;
}
.seccion-home-alivio-operativo .marco-imagen-vertical-metodologia .velo-sutil-vertical {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(8, 11, 16, 0.4) 100%);
  pointer-events: none;
}
.seccion-home-alivio-operativo .marco-imagen-vertical-metodologia:hover .imagen-vertical-consultor {
  transform: scale(1.03);
}
.seccion-home-alivio-operativo .marco-imagen-vertical-metodologia .insignia-flotante-experiencia {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  right: 1.5rem;
  background: rgba(14, 20, 29, 0.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 18px;
  padding: 1.15rem 1.35rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);
}
.seccion-home-alivio-operativo .marco-imagen-vertical-metodologia .insignia-flotante-experiencia .icono-insignia-trato {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(95, 180, 197, 0.15);
  border: 1px solid rgba(95, 180, 197, 0.35);
  color: #5FB4C5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.seccion-home-alivio-operativo .marco-imagen-vertical-metodologia .insignia-flotante-experiencia .textos-insignia-trato {
  display: flex;
  flex-direction: column;
}
.seccion-home-alivio-operativo .marco-imagen-vertical-metodologia .insignia-flotante-experiencia .textos-insignia-trato .cifra-insignia {
  font-family: "JetBrains Mono", monospace;
  font-size: 1.15rem;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.1;
}
.seccion-home-alivio-operativo .marco-imagen-vertical-metodologia .insignia-flotante-experiencia .textos-insignia-trato .etiqueta-insignia {
  font-size: 0.78rem;
  font-weight: 600;
  color: #94A3B8;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.seccion-home-alivio-operativo .bloque-contenido-alivio-operativo .cabecera-bloque-alivio {
  margin-bottom: 1.65rem;
}
.seccion-home-alivio-operativo .bloque-contenido-alivio-operativo .cabecera-bloque-alivio .badge-subtitulo-pildora {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.95rem;
  border-radius: 50px;
  background: transparent;
  border: 1.5px solid #CBD5E1;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0B4368;
  margin-bottom: 1.15rem;
}
.seccion-home-alivio-operativo .bloque-contenido-alivio-operativo .cabecera-bloque-alivio .badge-subtitulo-pildora .punto-destello {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0284C7;
  box-shadow: 0 0 8px rgba(2, 132, 199, 0.6);
}
.seccion-home-alivio-operativo .bloque-contenido-alivio-operativo .cabecera-bloque-alivio .titular-bloque-alivio {
  font-family: "Inter", sans-serif;
  font-size: clamp(1.85rem, 2.8vw, 2.35rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.03em;
  color: #0E141D;
  margin-bottom: 0;
}
.seccion-home-alivio-operativo .bloque-contenido-alivio-operativo .cabecera-bloque-alivio .titular-bloque-alivio .texto-acento-gradiente {
  background: linear-gradient(135deg, #0B4368 0%, #0284C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.seccion-home-alivio-operativo .bloque-contenido-alivio-operativo .parrafo-lead-alivio {
  font-size: 1.1rem;
  line-height: 1.7;
  color: #1E293B;
  margin-bottom: 1rem;
}
.seccion-home-alivio-operativo .bloque-contenido-alivio-operativo .parrafo-lead-alivio strong {
  color: #0B4368;
  font-weight: 700;
}
.seccion-home-alivio-operativo .bloque-contenido-alivio-operativo .parrafo-cuerpo-alivio {
  font-size: 0.98rem;
  line-height: 1.75;
  color: #475569;
  margin-bottom: 2rem;
}
.seccion-home-alivio-operativo .bloque-contenido-alivio-operativo .grilla-claves-alivio {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 1.75rem;
}
.seccion-home-alivio-operativo .bloque-contenido-alivio-operativo .grilla-claves-alivio .item-clave-alivio {
  display: flex;
  align-items: flex-start;
  gap: 1.15rem;
  padding: 1.25rem 1.4rem;
  border-radius: 16px;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  transition: all 0.25s ease;
}
.seccion-home-alivio-operativo .bloque-contenido-alivio-operativo .grilla-claves-alivio .item-clave-alivio:hover {
  background: #FFFFFF;
  border-color: #CBD5E1;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
  transform: translateX(4px);
}
.seccion-home-alivio-operativo .bloque-contenido-alivio-operativo .grilla-claves-alivio .item-clave-alivio:hover .icono-clave-wrap {
  background: #0B4368;
  color: #FFFFFF;
  border-color: #0B4368;
}
.seccion-home-alivio-operativo .bloque-contenido-alivio-operativo .grilla-claves-alivio .item-clave-alivio .icono-clave-wrap {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  color: #0B4368;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
  transition: all 0.25s ease;
}
.seccion-home-alivio-operativo .bloque-contenido-alivio-operativo .grilla-claves-alivio .item-clave-alivio .textos-clave-alivio .titulo-item-clave {
  font-family: "Inter", sans-serif;
  font-size: 1.02rem;
  font-weight: 800;
  color: #0E141D;
  margin-bottom: 0.35rem;
}
.seccion-home-alivio-operativo .bloque-contenido-alivio-operativo .grilla-claves-alivio .item-clave-alivio .textos-clave-alivio .desc-item-clave {
  font-size: 0.9rem;
  line-height: 1.55;
  color: #475569;
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .seccion-home-alivio-operativo {
    padding: 4.5rem 0;
  }
  .seccion-home-alivio-operativo .marco-imagen-vertical-metodologia {
    max-width: 100%;
    margin-bottom: 1.5rem;
  }
}

/* FIN SECCIÓN INICIO */
/* INICIO SECCIÓN QUIÉNES SOMOS */
.seccion-conocenos-introduccion {
  padding: 5.5rem 0 5rem;
  background-color: #FFFFFF;
  position: relative;
  z-index: 20;
  box-shadow: 0 -20px 40px rgba(0, 0, 0, 0.4);
}
.seccion-conocenos-introduccion .bloque-editorial-quienes-somos .cabecera-seccion {
  margin-bottom: 1.65rem;
}
.seccion-conocenos-introduccion .bloque-editorial-quienes-somos .parrafo-lead-introduccion {
  font-size: 1.12rem;
  line-height: 1.7;
  color: #334155;
  font-weight: 500;
  margin-bottom: 1.25rem;
}
.seccion-conocenos-introduccion .bloque-editorial-quienes-somos .parrafo-lead-introduccion strong {
  color: #0F172A;
  font-weight: 700;
}
.seccion-conocenos-introduccion .bloque-editorial-quienes-somos .parrafo-cuerpo-introduccion {
  font-size: 0.96rem;
  line-height: 1.6;
  color: #334155;
  margin-bottom: 0;
}
.seccion-conocenos-introduccion .marco-fotografia-equipo {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(11, 67, 104, 0.12), 0 4px 12px rgba(15, 23, 42, 0.06);
  border: 1px solid rgba(226, 232, 240, 0.8);
}
.seccion-conocenos-introduccion .marco-fotografia-equipo .imagen-fotografia-equipo {
  width: 100%;
  height: 100%;
  min-height: 380px;
  max-height: 440px;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
.seccion-conocenos-introduccion .marco-fotografia-equipo:hover .imagen-fotografia-equipo {
  transform: scale(1.02);
}
.seccion-conocenos-introduccion .fila-mision-vision {
  margin-top: 3.5rem;
}
.seccion-conocenos-introduccion .fila-mision-vision .tarjeta-identidad-firma {
  background: radial-gradient(circle at 10% 10%, #151E2B 0%, #0B1017 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 2.75rem 2.5rem;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease, box-shadow 0.35s ease;
}
.seccion-conocenos-introduccion .fila-mision-vision .tarjeta-identidad-firma .fondo-textura-tarjeta {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 85% 15%, rgba(95, 180, 197, 0.12) 0%, transparent 60%), linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 100% 100%, 24px 24px, 24px 24px;
  opacity: 0.8;
  pointer-events: none;
  z-index: 1;
}
.seccion-conocenos-introduccion .fila-mision-vision .tarjeta-identidad-firma .simbolo-marca-agua-tarjeta {
  position: absolute;
  right: -1.5rem;
  bottom: -2rem;
  width: 170px;
  height: 170px;
  opacity: 0.04;
  pointer-events: none;
  z-index: 1;
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.seccion-conocenos-introduccion .fila-mision-vision .tarjeta-identidad-firma::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #5FB4C5 0%, #00D2FF 50%, transparent 100%);
  opacity: 0.9;
  z-index: 3;
}
.seccion-conocenos-introduccion .fila-mision-vision .tarjeta-identidad-firma:hover {
  transform: translateY(-4px);
  border-color: rgba(95, 180, 197, 0.45);
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.4), 0 0 30px rgba(95, 180, 197, 0.15);
}
.seccion-conocenos-introduccion .fila-mision-vision .tarjeta-identidad-firma:hover .simbolo-marca-agua-tarjeta {
  opacity: 0.08;
  transform: scale(1.08) rotate(3deg);
}
.seccion-conocenos-introduccion .fila-mision-vision .tarjeta-identidad-firma .contenido-tarjeta-identidad {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.seccion-conocenos-introduccion .fila-mision-vision .tarjeta-identidad-firma .titular-tarjeta-identidad {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.65rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #5FB4C5;
  margin-bottom: 1.15rem;
  display: flex;
  align-items: center;
  gap: 0.85rem;
}
.seccion-conocenos-introduccion .fila-mision-vision .tarjeta-identidad-firma .titular-tarjeta-identidad.vision {
  color: #00D2FF;
}
.seccion-conocenos-introduccion .fila-mision-vision .tarjeta-identidad-firma .titular-tarjeta-identidad .icono-identidad-envoltorio {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(95, 180, 197, 0.12);
  border: 1px solid rgba(95, 180, 197, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5FB4C5;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.seccion-conocenos-introduccion .fila-mision-vision .tarjeta-identidad-firma .titular-tarjeta-identidad.vision .icono-identidad-envoltorio {
  background: rgba(0, 210, 255, 0.12);
  border-color: rgba(0, 210, 255, 0.25);
  color: #00D2FF;
}
.seccion-conocenos-introduccion .fila-mision-vision .tarjeta-identidad-firma .texto-tarjeta-identidad {
  font-size: 0.98rem;
  line-height: 1.6;
  color: #CBD5E1;
  margin: 0;
  flex: 1;
}
.seccion-conocenos-introduccion .fila-mision-vision .tarjeta-identidad-firma .texto-tarjeta-identidad strong {
  color: #FFFFFF;
  font-weight: 600;
}

.seccion-conocenos-trayectoria {
  padding: 5.5rem 0 6rem;
  background-color: #F8FAFC;
  position: relative;
  z-index: 20;
  border-top: 1px solid rgba(226, 232, 240, 0.8);
}
.seccion-conocenos-trayectoria .bloque-editorial-trayectoria .cabecera-seccion {
  margin-bottom: 1.85rem;
}
.seccion-conocenos-trayectoria .bloque-editorial-trayectoria .parrafo-lead-trayectoria {
  font-size: 1.12rem;
  line-height: 1.7;
  color: #334155;
  font-weight: 500;
  margin-bottom: 1.25rem;
}
.seccion-conocenos-trayectoria .bloque-editorial-trayectoria .parrafo-lead-trayectoria strong {
  color: #0F172A;
  font-weight: 700;
}
.seccion-conocenos-trayectoria .bloque-editorial-trayectoria .parrafo-cuerpo-trayectoria {
  font-size: 0.96rem;
  line-height: 1.6;
  color: #334155;
  margin-bottom: 1.5rem;
}
.seccion-conocenos-trayectoria .lista-metricas-impacto {
  display: flex;
  flex-direction: column;
  gap: 2.75rem;
  padding-left: 1.5rem;
  border-left: 1px solid rgba(226, 232, 240, 0.9);
}
@media (max-width: 991px) {
  .seccion-conocenos-trayectoria .lista-metricas-impacto {
    padding-left: 0;
    border-left: none;
    gap: 2rem;
    margin-top: 1.5rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(226, 232, 240, 0.9);
  }
}
.seccion-conocenos-trayectoria .lista-metricas-impacto .item-metrica-impacto {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.seccion-conocenos-trayectoria .lista-metricas-impacto .item-metrica-impacto .cifra-metrica-impacto {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(2.8rem, 4.5vw, 4.2rem);
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: -0.04em;
  color: #0B4368;
  /* Gradiente sutil para darle volumen técnico */
  background: linear-gradient(135deg, #0B4368 0%, #1E3A8A 60%, #5FB4C5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.seccion-conocenos-trayectoria .lista-metricas-impacto .item-metrica-impacto .etiqueta-metrica-impacto .titulo-metrica {
  display: block;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #0F172A;
  margin-bottom: 0.25rem;
}
.seccion-conocenos-trayectoria .lista-metricas-impacto .item-metrica-impacto .etiqueta-metrica-impacto .descripcion-metrica {
  font-size: 0.88rem;
  line-height: 1.55;
  color: #64748B;
  margin: 0;
  max-width: 480px;
}

.seccion-pilares-diferenciales {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 6.5rem 0 7rem;
  overflow: hidden;
  background-color: #080B10;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  z-index: 20;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}
.seccion-pilares-diferenciales .fondo-textura-pilares {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.seccion-pilares-diferenciales .fondo-textura-pilares .imagen-fondo-textura {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.45;
  filter: saturate(0.9) contrast(1.2);
}
.seccion-pilares-diferenciales .fondo-textura-pilares .capa-gradiente-acristalado {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(8, 11, 16, 0.9) 0%, rgba(14, 20, 29, 0.78) 45%, rgba(11, 67, 104, 0.65) 100%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.seccion-pilares-diferenciales .fondo-textura-pilares .malla-tech-overlay {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: 0.6;
}
.seccion-pilares-diferenciales .contenedor-pilares {
  position: relative;
  z-index: 2;
}
.seccion-pilares-diferenciales .contenedor-pilares .cabecera-seccion-dark {
  margin-bottom: 3.5rem;
}
.seccion-pilares-diferenciales .contenedor-pilares .cabecera-seccion-dark .subtitulo-seccion-dark {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #5FB4C5;
  background: rgba(95, 180, 197, 0.1);
  border: 1px solid rgba(95, 180, 197, 0.25);
  border-radius: 50px;
  padding: 0.35rem 0.95rem;
  margin-bottom: 1.25rem;
}
.seccion-pilares-diferenciales .contenedor-pilares .cabecera-seccion-dark .subtitulo-seccion-dark .punto-subtitulo {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #00D2FF;
}
.seccion-pilares-diferenciales .contenedor-pilares .cabecera-seccion-dark .titular-seccion-dark {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(2rem, 3.5vw, 2.9rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: #FFFFFF;
  margin-bottom: 0.85rem;
}
.seccion-pilares-diferenciales .contenedor-pilares .cabecera-seccion-dark .titular-seccion-dark .texto-acento-cian {
  color: #5FB4C5;
}
.seccion-pilares-diferenciales .contenedor-pilares .cabecera-seccion-dark .lead-seccion-dark {
  font-size: 1.08rem;
  line-height: 1.65;
  color: #CBD5E1;
  max-width: 720px;
  margin: 0;
}
.seccion-pilares-diferenciales .contenedor-pilares .grilla-pilares-glass {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
@media (max-width: 1199px) {
  .seccion-pilares-diferenciales .contenedor-pilares .grilla-pilares-glass {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .seccion-pilares-diferenciales .contenedor-pilares .grilla-pilares-glass {
    grid-template-columns: 1fr;
  }
}
.seccion-pilares-diferenciales .contenedor-pilares .grilla-pilares-glass .tarjeta-pilar-glass {
  background: rgba(14, 20, 29, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  padding: 2.25rem 1.85rem;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease, box-shadow 0.35s ease;
}
.seccion-pilares-diferenciales .contenedor-pilares .grilla-pilares-glass .tarjeta-pilar-glass::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, rgba(95, 180, 197, 0.8) 50%, transparent 100%);
  opacity: 0;
  transition: opacity 0.35s ease;
}
.seccion-pilares-diferenciales .contenedor-pilares .grilla-pilares-glass .tarjeta-pilar-glass:hover {
  transform: translateY(-5px);
  border-color: rgba(95, 180, 197, 0.45);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45), 0 0 25px rgba(95, 180, 197, 0.15);
}
.seccion-pilares-diferenciales .contenedor-pilares .grilla-pilares-glass .tarjeta-pilar-glass:hover::before {
  opacity: 1;
}
.seccion-pilares-diferenciales .contenedor-pilares .grilla-pilares-glass .tarjeta-pilar-glass:hover .icono-pilar-contenedor {
  transform: scale(1.08);
  border-color: rgba(95, 180, 197, 0.5);
  background: rgba(95, 180, 197, 0.2);
  color: #00D2FF;
}
.seccion-pilares-diferenciales .contenedor-pilares .grilla-pilares-glass .tarjeta-pilar-glass .cabecera-tarjeta-pilar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.seccion-pilares-diferenciales .contenedor-pilares .grilla-pilares-glass .tarjeta-pilar-glass .cabecera-tarjeta-pilar .numero-pilar {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #5FB4C5;
  background: rgba(95, 180, 197, 0.12);
  border: 1px solid rgba(95, 180, 197, 0.25);
  padding: 0.25rem 0.65rem;
  border-radius: 6px;
}
.seccion-pilares-diferenciales .contenedor-pilares .grilla-pilares-glass .tarjeta-pilar-glass .cabecera-tarjeta-pilar .icono-pilar-contenedor {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: rgba(95, 180, 197, 0.12);
  border: 1px solid rgba(95, 180, 197, 0.28);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00D2FF;
  transition: all 0.3s ease;
}
.seccion-pilares-diferenciales .contenedor-pilares .grilla-pilares-glass .tarjeta-pilar-glass .titulo-pilar {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.22rem;
  font-weight: 800;
  letter-spacing: -0.015em;
  color: #FFFFFF;
  margin-bottom: 0.85rem;
  line-height: 1.3;
}
.seccion-pilares-diferenciales .contenedor-pilares .grilla-pilares-glass .tarjeta-pilar-glass .descripcion-pilar {
  font-size: 0.94rem;
  line-height: 1.65;
  color: #E2E8F0;
  margin: 0;
  flex: 1;
}

.seccion-metodologia-roadmap {
  padding: 5.5rem 0 6rem;
  background-color: #F8FAFC;
  position: relative;
  z-index: 20;
  border-top: 1px solid rgba(226, 232, 240, 0.9);
}
.seccion-metodologia-roadmap .contenedor-roadmap-editorial .cabecera-seccion {
  margin-bottom: 1.5rem;
}
.seccion-metodologia-roadmap .contenedor-roadmap-editorial .parrafo-lead-metodologia {
  font-size: 1.08rem;
  line-height: 1.7;
  color: #334155;
  font-weight: 500;
  margin-bottom: 1.25rem;
}
.seccion-metodologia-roadmap .contenedor-roadmap-editorial .parrafo-lead-metodologia strong {
  color: #0F172A;
  font-weight: 700;
}
.seccion-metodologia-roadmap .contenedor-roadmap-editorial .parrafo-cuerpo-metodologia {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #334155;
  margin-bottom: 1.75rem;
}
.seccion-metodologia-roadmap .contenedor-roadmap-editorial .puntos-clave-metodologia {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 0;
  list-style: none;
}
.seccion-metodologia-roadmap .contenedor-roadmap-editorial .puntos-clave-metodologia .item-clave-metodologia {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-size: 0.92rem;
  color: #0F172A;
  font-weight: 600;
}
.seccion-metodologia-roadmap .contenedor-roadmap-editorial .puntos-clave-metodologia .item-clave-metodologia .icono-check {
  flex-shrink: 0;
  color: #0B4368;
  margin-top: 0.15rem;
}
.seccion-metodologia-roadmap .cabecera-marca-timeline {
  display: flex;
  align-items: center;
  gap: 1.75rem;
  margin-bottom: 2.5rem;
  padding-bottom: 1.75rem;
  border-bottom: 1px solid rgba(226, 232, 240, 0.9);
}
@media (max-width: 575px) {
  .seccion-metodologia-roadmap .cabecera-marca-timeline {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}
.seccion-metodologia-roadmap .cabecera-marca-timeline .imagen-logo-timeline {
  height: 72px;
  width: auto;
  max-width: 260px;
  object-fit: contain;
  filter: drop-shadow(0 4px 10px rgba(11, 67, 104, 0.1));
}
@media (max-width: 575px) {
  .seccion-metodologia-roadmap .cabecera-marca-timeline .imagen-logo-timeline {
    height: 56px;
    max-width: 210px;
  }
}
.seccion-metodologia-roadmap .cabecera-marca-timeline .divisor-marca-timeline {
  width: 1px;
  height: 48px;
  background-color: rgba(203, 213, 225, 0.9);
}
@media (max-width: 575px) {
  .seccion-metodologia-roadmap .cabecera-marca-timeline .divisor-marca-timeline {
    display: none;
  }
}
.seccion-metodologia-roadmap .cabecera-marca-timeline .etiqueta-marca-timeline {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748B;
  line-height: 1.45;
}
.seccion-metodologia-roadmap .cabecera-marca-timeline .etiqueta-marca-timeline strong {
  color: #0B4368;
  font-weight: 800;
}
.seccion-metodologia-roadmap .timeline-fases-proceso {
  position: relative;
  padding-left: 2.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 575px) {
  .seccion-metodologia-roadmap .timeline-fases-proceso {
    padding-left: 1.5rem;
    gap: 1.25rem;
  }
}
.seccion-metodologia-roadmap .timeline-fases-proceso .linea-conectora-vertical {
  position: absolute;
  top: 2rem;
  bottom: 2rem;
  left: 0.45rem;
  width: 2px;
  background: linear-gradient(180deg, #0B4368 0%, #0284C7 35%, #0096C7 60%, #5FB4C5 85%, #00D2FF 100%);
  z-index: 1;
}
@media (max-width: 575px) {
  .seccion-metodologia-roadmap .timeline-fases-proceso .linea-conectora-vertical {
    left: 0.2rem;
  }
}
.seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  --color-fase: #0B4368;
  --color-fase-claro: rgba(11, 67, 104, 0.08);
}
.seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap:nth-child(2) {
  --color-fase: #0B4368;
  --color-fase-claro: rgba(11, 67, 104, 0.08);
}
.seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap:nth-child(3) {
  --color-fase: #0284C7;
  --color-fase-claro: rgba(2, 132, 199, 0.08);
}
.seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap:nth-child(4) {
  --color-fase: #0096C7;
  --color-fase-claro: rgba(0, 150, 199, 0.08);
}
.seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap:nth-child(5) {
  --color-fase: #0ea5e9;
  --color-fase-claro: rgba(14, 165, 233, 0.08);
}
.seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap:nth-child(6) {
  --color-fase: #5FB4C5;
  --color-fase-claro: rgba(95, 180, 197, 0.1);
}
.seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap:nth-child(7) {
  --color-fase: #00D2FF;
  --color-fase-claro: rgba(0, 210, 255, 0.1);
}
.seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap:nth-child(8) {
  --color-fase: #10B981;
  --color-fase-claro: rgba(16, 185, 129, 0.1);
}
.seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap .nodo-conector-timeline {
  position: absolute;
  left: -2.25rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #FFFFFF;
  border: 3px solid var(--color-fase);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.9), 0 2px 6px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, border-color 0.3s ease;
  z-index: 3;
}
@media (max-width: 575px) {
  .seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap .nodo-conector-timeline {
    left: -1.5rem;
    width: 0.85rem;
    height: 0.85rem;
    border-width: 2px;
  }
}
.seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap .capsula-fase-roadmap {
  flex: 1;
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid rgba(226, 232, 240, 0.95);
  border-radius: 100px;
  padding: 0.85rem 1.6rem 0.85rem 0.85rem;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.02);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  gap: 1.25rem;
}
@media (max-width: 767px) {
  .seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap .capsula-fase-roadmap {
    border-radius: 20px;
    padding: 1rem;
    gap: 1rem;
  }
}
.seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap .capsula-fase-roadmap:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.04);
  border-color: var(--color-fase);
}
.seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap .capsula-fase-roadmap:hover .nodo-conector-timeline {
  transform: scale(1.2);
}
.seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap .capsula-fase-roadmap .circulo-numero-fase {
  width: 3.5rem;
  height: 3.5rem;
  min-width: 3.5rem;
  border-radius: 50%;
  background: var(--color-fase);
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), inset 0 -2px 4px rgba(0, 0, 0, 0.15);
}
@media (max-width: 575px) {
  .seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap .capsula-fase-roadmap .circulo-numero-fase {
    width: 2.85rem;
    height: 2.85rem;
    min-width: 2.85rem;
    font-size: 1.1rem;
  }
}
.seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap .capsula-fase-roadmap .info-fase-roadmap {
  flex: 1;
}
.seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap .capsula-fase-roadmap .info-fase-roadmap .titulo-fase {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0F172A;
  margin-bottom: 0.2rem;
  letter-spacing: -0.01em;
}
@media (max-width: 575px) {
  .seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap .capsula-fase-roadmap .info-fase-roadmap .titulo-fase {
    font-size: 0.95rem;
  }
}
.seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap .capsula-fase-roadmap .info-fase-roadmap .descripcion-fase {
  font-size: 0.85rem;
  line-height: 1.45;
  color: #64748B;
  margin: 0;
}
@media (max-width: 575px) {
  .seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap .capsula-fase-roadmap .info-fase-roadmap .descripcion-fase {
    font-size: 0.8rem;
  }
}
.seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap .capsula-fase-roadmap .icono-fase-roadmap {
  width: 2.75rem;
  height: 2.75rem;
  min-width: 2.75rem;
  border-radius: 50%;
  background-color: var(--color-fase-claro);
  color: var(--color-fase);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
@media (max-width: 575px) {
  .seccion-metodologia-roadmap .timeline-fases-proceso .item-fase-roadmap .capsula-fase-roadmap .icono-fase-roadmap {
    display: none;
  }
}

.seccion-sectores-editorial {
  padding: 5.5rem 0 6rem;
  background-color: #FFFFFF;
  border-top: 1px solid rgba(226, 232, 240, 0.8);
  position: relative;
  z-index: 20;
}
.seccion-sectores-editorial .contenedor-sectores-showcase {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 3.5rem;
  align-items: center;
}
@media (max-width: 991px) {
  .seccion-sectores-editorial .contenedor-sectores-showcase {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}
.seccion-sectores-editorial .escenario-visual-sectores {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}
.seccion-sectores-editorial .escenario-visual-sectores .marco-imagen-principal-sector {
  position: relative;
  width: 100%;
  height: 440px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12);
  background-color: #0E141D;
}
@media (max-width: 991px) {
  .seccion-sectores-editorial .escenario-visual-sectores .marco-imagen-principal-sector {
    height: 340px;
  }
}
@media (max-width: 575px) {
  .seccion-sectores-editorial .escenario-visual-sectores .marco-imagen-principal-sector {
    height: 260px;
  }
}
.seccion-sectores-editorial .escenario-visual-sectores .marco-imagen-principal-sector .imagen-sector-activa {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(1.04);
  transition: opacity 0.5s ease, transform 0.5s ease;
  z-index: 1;
}
.seccion-sectores-editorial .escenario-visual-sectores .marco-imagen-principal-sector .imagen-sector-activa.activa {
  opacity: 1;
  transform: scale(1);
  z-index: 2;
}
.seccion-sectores-editorial .escenario-visual-sectores .marco-imagen-principal-sector .imagen-sector-activa.saliendo {
  opacity: 0;
  transform: scale(0.96);
  z-index: 1;
}
.seccion-sectores-editorial .escenario-visual-sectores .marco-imagen-principal-sector .velo-sutil-imagen {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 70%, rgba(0, 0, 0, 0.3) 100%);
  z-index: 3;
  pointer-events: none;
}
.seccion-sectores-editorial .escenario-visual-sectores .galeria-miniaturas-sectores {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.85rem;
}
@media (max-width: 575px) {
  .seccion-sectores-editorial .escenario-visual-sectores .galeria-miniaturas-sectores {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.6rem;
  }
}
.seccion-sectores-editorial .escenario-visual-sectores .galeria-miniaturas-sectores .tarjeta-miniatura-sector {
  position: relative;
  height: 84px;
  border-radius: 10px;
  overflow: hidden;
  border: 2px solid transparent;
  padding: 0;
  background-color: #0E141D;
  cursor: pointer;
  outline: none;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease;
  opacity: 0.65;
}
.seccion-sectores-editorial .escenario-visual-sectores .galeria-miniaturas-sectores .tarjeta-miniatura-sector img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.seccion-sectores-editorial .escenario-visual-sectores .galeria-miniaturas-sectores .tarjeta-miniatura-sector .etiqueta-miniatura {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.2) 0%, rgba(15, 23, 42, 0.85) 100%);
  color: #FFFFFF;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  display: flex;
  align-items: flex-end;
  padding: 0.4rem 0.5rem;
  text-align: left;
  line-height: 1.2;
  transition: background 0.3s ease;
}
.seccion-sectores-editorial .escenario-visual-sectores .galeria-miniaturas-sectores .tarjeta-miniatura-sector:hover {
  opacity: 0.95;
  transform: translateY(-2px);
  border-color: rgba(95, 180, 197, 0.6);
}
.seccion-sectores-editorial .escenario-visual-sectores .galeria-miniaturas-sectores .tarjeta-miniatura-sector:hover img {
  transform: scale(1.08);
}
.seccion-sectores-editorial .escenario-visual-sectores .galeria-miniaturas-sectores .tarjeta-miniatura-sector.activo {
  opacity: 1;
  border-color: #0B4368;
  box-shadow: 0 4px 14px rgba(11, 67, 104, 0.25);
}
.seccion-sectores-editorial .escenario-visual-sectores .galeria-miniaturas-sectores .tarjeta-miniatura-sector.activo .etiqueta-miniatura {
  background: linear-gradient(180deg, rgba(11, 67, 104, 0.3) 0%, rgba(11, 67, 104, 0.92) 100%);
  color: #FFFFFF;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel {
  position: relative;
  padding-left: 2.5rem;
  border-left: 1px solid rgba(15, 23, 42, 0.15);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .seccion-sectores-editorial .bloque-editorial-sectores-panel {
    padding-left: 0;
    border-left: none;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(15, 23, 42, 0.15);
  }
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cabecera-top-editorial {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cabecera-top-editorial .indicador-contador-editorial {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #0F172A;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cabecera-top-editorial .indicador-contador-editorial .numero-actual-pill {
  padding: 0.2rem 0.6rem;
  border: 1.5px solid #0F172A;
  border-radius: 50px;
  line-height: 1;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cabecera-top-editorial .indicador-contador-editorial .separador-contador {
  color: #94A3B8;
  font-weight: 400;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cabecera-top-editorial .indicador-contador-editorial .numero-total-pill {
  padding: 0.2rem 0.6rem;
  border: 1.5px solid rgba(15, 23, 42, 0.25);
  border-radius: 50px;
  color: #64748B;
  line-height: 1;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cabecera-top-editorial .puntos-progreso-nav {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cabecera-top-editorial .puntos-progreso-nav .punto-nav-sector {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #CBD5E1;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cabecera-top-editorial .puntos-progreso-nav .punto-nav-sector.activo {
  width: 24px;
  border-radius: 10px;
  background-color: #0B4368;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cuerpo-texto-sector-contenedor {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 1.5rem 0 2rem;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cuerpo-texto-sector-contenedor .panel-sector-texto {
  display: none;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cuerpo-texto-sector-contenedor .panel-sector-texto.activo {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cuerpo-texto-sector-contenedor .panel-sector-texto .etiqueta-contexto-sector {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0F172A;
  background: transparent;
  border: 1.5px solid #CBD5E1;
  border-radius: 50px;
  padding: 0.35rem 0.95rem;
  margin-bottom: 1.25rem;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cuerpo-texto-sector-contenedor .panel-sector-texto .etiqueta-contexto-sector .punto-subtitulo {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #5FB4C5;
  box-shadow: 0 0 6px rgba(95, 180, 197, 0.6);
  flex-shrink: 0;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cuerpo-texto-sector-contenedor .panel-sector-texto .titular-sector-destacado {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(2.2rem, 3.8vw, 3.4rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.05;
  color: #0F172A;
  margin-bottom: 1.5rem;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cuerpo-texto-sector-contenedor .panel-sector-texto .descripcion-sector-editorial {
  font-size: 1.05rem;
  line-height: 1.7;
  color: #334155;
  max-width: 540px;
  margin-bottom: 1.75rem;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cuerpo-texto-sector-contenedor .panel-sector-texto .normas-asociadas-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cuerpo-texto-sector-contenedor .panel-sector-texto .normas-asociadas-badges .badge-norma-tag {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #0B4368;
  background-color: transparent;
  border: 1.5px solid #CBD5E1;
  padding: 0.35rem 0.9rem;
  border-radius: 8px;
  transition: all 0.25s ease;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .cuerpo-texto-sector-contenedor .panel-sector-texto .normas-asociadas-badges .badge-norma-tag:hover {
  border-color: #0B4368;
  background-color: rgba(11, 67, 104, 0.04);
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .pie-accion-editorial {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(15, 23, 42, 0.1);
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .pie-accion-editorial .boton-readmore-editorial {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: #0F172A;
  text-decoration: none;
  transition: color 0.3s ease;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .pie-accion-editorial .boton-readmore-editorial .icono-plus-circle {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #0F172A;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, background-color 0.3s ease;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .pie-accion-editorial .boton-readmore-editorial:hover {
  color: #0B4368;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .pie-accion-editorial .boton-readmore-editorial:hover .icono-plus-circle {
  transform: rotate(90deg) scale(1.1);
  background-color: #0B4368;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .pie-accion-editorial .controles-flechas-nav {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .pie-accion-editorial .controles-flechas-nav .boton-flecha-sector {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(15, 23, 42, 0.2);
  background-color: transparent;
  color: #0F172A;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.seccion-sectores-editorial .bloque-editorial-sectores-panel .pie-accion-editorial .controles-flechas-nav .boton-flecha-sector:hover {
  background-color: #0F172A;
  color: #FFFFFF;
  border-color: #0F172A;
}

.seccion-dominios-iso {
  padding: 6rem 0 6.5rem;
  background-color: #F8FAFC;
  position: relative;
  z-index: 20;
  border-top: 1px solid rgba(226, 232, 240, 0.85);
}
.seccion-dominios-iso .grilla-bento-dominios {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media (max-width: 991px) {
  .seccion-dominios-iso .grilla-bento-dominios {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
.seccion-dominios-iso .tarjeta-bento-dominio {
  background: #FFFFFF;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 20px;
  padding: 2.25rem 2rem;
  box-shadow: 0 10px 30px rgba(11, 67, 104, 0.04);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.seccion-dominios-iso .tarjeta-bento-dominio::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, rgba(95, 180, 197, 0.4), transparent);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.seccion-dominios-iso .tarjeta-bento-dominio:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 45px rgba(11, 67, 104, 0.08);
  border-color: rgba(95, 180, 197, 0.4);
}
.seccion-dominios-iso .tarjeta-bento-dominio:hover::before {
  opacity: 1;
}
.seccion-dominios-iso .tarjeta-bento-dominio .cuerpo-tarjeta-bento {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 1.75rem;
  align-items: center;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .seccion-dominios-iso .tarjeta-bento-dominio .cuerpo-tarjeta-bento {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .seccion-dominios-iso .tarjeta-bento-dominio .cuerpo-tarjeta-bento {
    grid-template-columns: 1fr;
  }
}
.seccion-dominios-iso .tarjeta-bento-dominio .info-dominio-bento .meta-tag-dominio {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.85rem;
}
.seccion-dominios-iso .tarjeta-bento-dominio .info-dominio-bento .meta-tag-dominio .badge-clausula {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: 0.2rem 0.55rem;
  border-radius: 6px;
  background: transparent;
  color: #0B4368;
  border: 1px solid rgba(11, 67, 104, 0.25);
}
.seccion-dominios-iso .tarjeta-bento-dominio .info-dominio-bento .meta-tag-dominio .contador-controles {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 600;
  color: #64748B;
}
.seccion-dominios-iso .tarjeta-bento-dominio .info-dominio-bento .titulo-dominio {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0F172A;
  margin-bottom: 0.65rem;
  line-height: 1.25;
}
.seccion-dominios-iso .tarjeta-bento-dominio .info-dominio-bento .resumen-dominio {
  font-size: 0.88rem;
  line-height: 1.6;
  color: #334155;
  margin-bottom: 1.25rem;
}
.seccion-dominios-iso .tarjeta-bento-dominio .info-dominio-bento .destacados-nuevos-controles .etiqueta-destacados {
  display: block;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #0B4368;
  margin-bottom: 0.4rem;
}
.seccion-dominios-iso .tarjeta-bento-dominio .info-dominio-bento .destacados-nuevos-controles .pildoras-controles-nuevos {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.seccion-dominios-iso .tarjeta-bento-dominio .info-dominio-bento .destacados-nuevos-controles .pildoras-controles-nuevos .badge-nuevo-control {
  font-size: 0.72rem;
  font-weight: 600;
  padding: 0.2rem 0.55rem;
  border-radius: 6px;
  background: transparent;
  color: #0B4368;
  border: 1px solid rgba(11, 67, 104, 0.18);
  transition: all 0.2s ease;
}
.seccion-dominios-iso .tarjeta-bento-dominio .info-dominio-bento .destacados-nuevos-controles .pildoras-controles-nuevos .badge-nuevo-control:hover {
  background: rgba(95, 180, 197, 0.08);
  border-color: #5FB4C5;
  color: #0B4368;
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech {
  background: #0D131D;
  border: 1px solid rgba(95, 180, 197, 0.2);
  border-radius: 12px;
  padding: 1rem 1.15rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech.panel-tech-destacado {
  border-color: rgba(95, 180, 197, 0.35);
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .barra-superior-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.65rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .barra-superior-panel .luces-terminal {
  display: flex;
  gap: 4px;
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .barra-superior-panel .luces-terminal span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .barra-superior-panel .luces-terminal span:nth-child(1) {
  background: #EF4444;
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .barra-superior-panel .luces-terminal span:nth-child(2) {
  background: #F59E0B;
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .barra-superior-panel .luces-terminal span:nth-child(3) {
  background: #10B981;
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .barra-superior-panel .titulo-widget-panel {
  font-family: monospace;
  font-size: 0.65rem;
  color: rgba(255, 255, 255, 0.45);
  letter-spacing: 0.04em;
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .barra-superior-panel .badge-estado-header {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.6rem;
  font-weight: 700;
  color: #34D399;
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.25);
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  letter-spacing: 0.05em;
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .fila-control-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.55rem;
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .fila-control-switch .nombre-control-ui {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 500;
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .fila-control-switch .status-pill {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.62rem;
  font-weight: 700;
  padding: 0.15rem 0.45rem;
  border-radius: 4px;
  letter-spacing: 0.04em;
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .fila-control-switch .status-pill.ok {
  background: rgba(16, 185, 129, 0.15);
  color: #34D399;
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .fila-control-switch .status-pill.activo {
  background: rgba(95, 180, 197, 0.15);
  color: #5FB4C5;
  border: 1px solid rgba(95, 180, 197, 0.3);
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .barra-progreso-micro {
  margin-top: 0.75rem;
  padding-top: 0.5rem;
  border-top: 1px dashed rgba(255, 255, 255, 0.08);
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .barra-progreso-micro .etiqueta-progreso-micro {
  display: flex;
  justify-content: space-between;
  font-size: 0.68rem;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0.3rem;
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .barra-progreso-micro .etiqueta-progreso-micro strong {
  color: #5FB4C5;
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .barra-progreso-micro .track-progreso-micro {
  height: 4px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  overflow: hidden;
}
.seccion-dominios-iso .tarjeta-bento-dominio .micro-ui-escenario .panel-simulacion-tech .barra-progreso-micro .track-progreso-micro .fill-progreso-micro {
  height: 100%;
  background: linear-gradient(90deg, #0B4368, #5FB4C5);
  border-radius: 4px;
}
.seccion-dominios-iso .banner-garantia-dominios {
  background: linear-gradient(135deg, #080B10 0%, #0B4368 100%);
  border: 1px solid rgba(95, 180, 197, 0.25);
  border-radius: 18px;
  padding: 2.25rem 2.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  box-shadow: 0 15px 40px rgba(8, 11, 16, 0.2);
}
@media (max-width: 991px) {
  .seccion-dominios-iso .banner-garantia-dominios {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 2rem 1.75rem;
  }
}
.seccion-dominios-iso .banner-garantia-dominios .texto-garantia-dominios {
  flex-grow: 1;
}
.seccion-dominios-iso .banner-garantia-dominios .texto-garantia-dominios h4 {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.2rem;
  font-weight: 800;
  color: #FFFFFF;
  margin-bottom: 0.35rem;
}
.seccion-dominios-iso .banner-garantia-dominios .texto-garantia-dominios p {
  font-size: 0.9rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
}
.seccion-dominios-iso .banner-garantia-dominios .accion-garantia-dominios {
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .seccion-dominios-iso .banner-garantia-dominios .accion-garantia-dominios {
    width: 100%;
  }
  .seccion-dominios-iso .banner-garantia-dominios .accion-garantia-dominios .boton-corporativo {
    width: 100%;
  }
}

.pasos-scroll-pin-wrapper {
  position: relative;
  width: 100%;
  height: 280vh;
  background-color: #080B10;
}

.seccion-pasos-proceso-scroll {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  min-height: 700px;
  background-color: #080B10;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 3.5rem 0 2.5rem;
  z-index: 10;
}
.seccion-pasos-proceso-scroll .cabecera-pasos-fullwidth {
  width: 100%;
  position: relative;
  z-index: 2;
}
.seccion-pasos-proceso-scroll .cabecera-pasos-fullwidth .subtitulo-seccion {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #5FB4C5;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.seccion-pasos-proceso-scroll .cabecera-pasos-fullwidth .subtitulo-seccion .punto-subtitulo {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background-color: #5FB4C5;
  box-shadow: 0 0 8px rgba(95, 180, 197, 0.7);
}
.seccion-pasos-proceso-scroll .cabecera-pasos-fullwidth .titular-seccion {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(2rem, 3.2vw, 2.75rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #FFFFFF;
  line-height: 1.15;
}
.seccion-pasos-proceso-scroll .cabecera-pasos-fullwidth .etiqueta-scroll-pasos {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.45);
}
.seccion-pasos-proceso-scroll .cabecera-pasos-fullwidth .flechas-nav-pasos {
  display: flex;
  gap: 0.5rem;
}
.seccion-pasos-proceso-scroll .cabecera-pasos-fullwidth .flechas-nav-pasos button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 1.1rem;
}
.seccion-pasos-proceso-scroll .cabecera-pasos-fullwidth .flechas-nav-pasos button:hover {
  background: rgba(95, 180, 197, 0.2);
  border-color: #5FB4C5;
  color: #5FB4C5;
}
.seccion-pasos-proceso-scroll .contenedor-track-pasos {
  display: flex;
  gap: 2.25rem;
  padding: 1.5rem 5vw;
  width: max-content;
  will-change: transform;
  transition: transform 0.1s linear;
}
.seccion-pasos-proceso-scroll .contenedor-track-pasos .tarjeta-paso-panoramica {
  width: clamp(480px, 42vw, 680px);
  flex-shrink: 0;
  background: #0E141E;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  padding: 2.25rem 2.25rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease;
}
.seccion-pasos-proceso-scroll .contenedor-track-pasos .tarjeta-paso-panoramica:hover {
  border-color: rgba(95, 180, 197, 0.4);
  box-shadow: 0 25px 60px rgba(95, 180, 197, 0.08);
}
@media (max-width: 767px) {
  .seccion-pasos-proceso-scroll .contenedor-track-pasos .tarjeta-paso-panoramica {
    width: 88vw;
    padding: 1.75rem 1.5rem;
  }
}
.seccion-pasos-proceso-scroll .contenedor-track-pasos .tarjeta-paso-panoramica .cabecera-tarjeta-paso {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.seccion-pasos-proceso-scroll .contenedor-track-pasos .tarjeta-paso-panoramica .cabecera-tarjeta-paso .bloque-titulo-paso {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.seccion-pasos-proceso-scroll .contenedor-track-pasos .tarjeta-paso-panoramica .cabecera-tarjeta-paso .bloque-titulo-paso .numero-paso-gigante {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(2.75rem, 3.8vw, 3.75rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.04em;
  color: #5FB4C5;
  text-shadow: 0 0 20px rgba(95, 180, 197, 0.4);
  flex-shrink: 0;
}
.seccion-pasos-proceso-scroll .contenedor-track-pasos .tarjeta-paso-panoramica .cabecera-tarjeta-paso .bloque-titulo-paso .nombre-paso {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(1.25rem, 1.6vw, 1.55rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  line-height: 1.2;
  margin: 0;
}
.seccion-pasos-proceso-scroll .contenedor-track-pasos .tarjeta-paso-panoramica .cabecera-tarjeta-paso .boton-flecha-paso {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.25s ease;
}
.seccion-pasos-proceso-scroll .contenedor-track-pasos .tarjeta-paso-panoramica .cabecera-tarjeta-paso .boton-flecha-paso:hover {
  background: #5FB4C5;
  border-color: #5FB4C5;
  color: #080B10;
  transform: scale(1.05);
}
.seccion-pasos-proceso-scroll .contenedor-track-pasos .tarjeta-paso-panoramica .cabecera-tarjeta-paso .boton-flecha-paso.completado {
  background: rgba(16, 185, 129, 0.2);
  border-color: rgba(16, 185, 129, 0.4);
  color: #34D399;
}
.seccion-pasos-proceso-scroll .contenedor-track-pasos .tarjeta-paso-panoramica .marco-visual-paso {
  position: relative;
  width: 100%;
  height: 240px;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 1.5rem;
  background-color: #080B10;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
@media (max-width: 767px) {
  .seccion-pasos-proceso-scroll .contenedor-track-pasos .tarjeta-paso-panoramica .marco-visual-paso {
    height: 180px;
  }
}
.seccion-pasos-proceso-scroll .contenedor-track-pasos .tarjeta-paso-panoramica .marco-visual-paso .imagen-paso-display {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: brightness(0.85) contrast(1.08);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.seccion-pasos-proceso-scroll .contenedor-track-pasos .tarjeta-paso-panoramica .marco-visual-paso:hover .imagen-paso-display {
  transform: scale(1.04);
}
.seccion-pasos-proceso-scroll .contenedor-track-pasos .tarjeta-paso-panoramica .marco-visual-paso .plazo-badge-paso {
  position: absolute;
  bottom: 12px;
  right: 12px;
  background: rgba(8, 11, 16, 0.85);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 0.35rem 0.85rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 0.04em;
}
.seccion-pasos-proceso-scroll .contenedor-track-pasos .tarjeta-paso-panoramica .marco-visual-paso .plazo-badge-paso.exito {
  border-color: rgba(16, 185, 129, 0.4);
  color: #34D399;
}
.seccion-pasos-proceso-scroll .contenedor-track-pasos .tarjeta-paso-panoramica .pie-tarjeta-paso .descripcion-paso {
  font-size: 0.92rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
  text-align: justify;
}
.seccion-pasos-proceso-scroll .barra-progreso-pasos-track {
  width: 100%;
  position: relative;
  z-index: 2;
}
.seccion-pasos-proceso-scroll .barra-progreso-pasos-track::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 3px;
}
.seccion-pasos-proceso-scroll .barra-progreso-pasos-track .linea-progreso-pasos-fill {
  position: absolute;
  top: 0;
  left: 5vw;
  height: 3px;
  width: 0%;
  background: linear-gradient(90deg, #0B4368, #5FB4C5);
  box-shadow: 0 0 10px rgba(95, 180, 197, 0.6);
  border-radius: 3px;
  transition: width 0.1s linear;
}

.seccion-convergencia-venn {
  padding: 6rem 0 6.5rem;
  background-color: #FFFFFF;
  position: relative;
  z-index: 20;
  border-top: 1px solid rgba(226, 232, 240, 0.85);
}
.seccion-convergencia-venn .bloque-interactivo-venn {
  margin-top: 1rem;
}
.seccion-convergencia-venn .escenario-visual-venn {
  position: relative;
  width: 100%;
  max-width: 440px;
  height: 400px;
  margin: 0 auto;
}
.seccion-convergencia-venn .escenario-visual-venn .nodo-venn {
  position: absolute;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 2px solid;
  backdrop-filter: blur(4px);
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.seccion-convergencia-venn .escenario-visual-venn .nodo-venn .label-nodo-venn {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.1;
}
.seccion-convergencia-venn .escenario-visual-venn .nodo-venn .sublabel-nodo-venn {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 0.2rem;
  opacity: 0.8;
}
.seccion-convergencia-venn .escenario-visual-venn .nodo-venn.nodo-iso27001 {
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(11, 67, 104, 0.06);
  border-color: rgba(11, 67, 104, 0.3);
  color: #0B4368;
}
.seccion-convergencia-venn .escenario-visual-venn .nodo-venn.nodo-iso27001.activo, .seccion-convergencia-venn .escenario-visual-venn .nodo-venn.nodo-iso27001:hover {
  background: rgba(11, 67, 104, 0.15);
  border-color: #0B4368;
  transform: translateX(-50%) scale(1.05);
  box-shadow: 0 10px 30px rgba(11, 67, 104, 0.15);
}
.seccion-convergencia-venn .escenario-visual-venn .nodo-venn.nodo-ens {
  bottom: 20px;
  left: 20px;
  background: rgba(95, 180, 197, 0.08);
  border-color: rgba(95, 180, 197, 0.4);
  color: #0B4368;
}
.seccion-convergencia-venn .escenario-visual-venn .nodo-venn.nodo-ens.activo, .seccion-convergencia-venn .escenario-visual-venn .nodo-venn.nodo-ens:hover {
  background: rgba(95, 180, 197, 0.22);
  border-color: #5FB4C5;
  transform: scale(1.05);
  box-shadow: 0 10px 30px rgba(95, 180, 197, 0.2);
}
.seccion-convergencia-venn .escenario-visual-venn .nodo-venn.nodo-nis2 {
  bottom: 20px;
  right: 20px;
  background: rgba(15, 23, 42, 0.05);
  border-color: rgba(15, 23, 42, 0.25);
  color: #0F172A;
}
.seccion-convergencia-venn .escenario-visual-venn .nodo-venn.nodo-nis2.activo, .seccion-convergencia-venn .escenario-visual-venn .nodo-venn.nodo-nis2:hover {
  background: rgba(15, 23, 42, 0.12);
  border-color: #0F172A;
  transform: scale(1.05);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.15);
}
.seccion-convergencia-venn .escenario-visual-venn .nodo-venn-centro {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #080B10;
  border: 2px solid #5FB4C5;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
  box-shadow: 0 0 20px rgba(95, 180, 197, 0.5);
  transition: all 0.3s ease;
}
.seccion-convergencia-venn .escenario-visual-venn .nodo-venn-centro .icono-centro-venn {
  font-size: 1.1rem;
  line-height: 1;
}
.seccion-convergencia-venn .escenario-visual-venn .nodo-venn-centro .texto-centro-venn {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.52rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #5FB4C5;
  margin-top: 0.2rem;
  text-align: center;
}
.seccion-convergencia-venn .escenario-visual-venn .nodo-venn-centro.activo, .seccion-convergencia-venn .escenario-visual-venn .nodo-venn-centro:hover {
  transform: translate(-50%, -50%) scale(1.15);
  box-shadow: 0 0 30px rgba(95, 180, 197, 0.8);
}
.seccion-convergencia-venn .selector-pills-venn {
  flex-wrap: wrap;
}
.seccion-convergencia-venn .selector-pills-venn .pill-venn-tab {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 0.45rem 1.1rem;
  border-radius: 9999px;
  background: transparent;
  border: 1px solid rgba(11, 67, 104, 0.18);
  color: #64748B;
  cursor: pointer;
  transition: all 0.25s ease;
}
.seccion-convergencia-venn .selector-pills-venn .pill-venn-tab:hover {
  border-color: rgba(11, 67, 104, 0.4);
  color: #0B4368;
  background: rgba(11, 67, 104, 0.04);
}
.seccion-convergencia-venn .selector-pills-venn .pill-venn-tab.activo {
  background: #0B4368;
  border-color: #0B4368;
  color: #FFFFFF;
  box-shadow: 0 4px 14px rgba(11, 67, 104, 0.2);
}
.seccion-convergencia-venn .selector-pills-venn .pill-venn-tab.convergencia.activo {
  background: #080B10;
  border-color: #5FB4C5;
  color: #5FB4C5;
  box-shadow: 0 4px 14px rgba(95, 180, 197, 0.25);
}
.seccion-convergencia-venn .contenedor-display-venn {
  background: #F8FAFC;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: 22px;
  padding: 2.75rem 2.5rem;
  box-shadow: 0 10px 35px rgba(11, 67, 104, 0.04);
  min-height: 380px;
}
@media (max-width: 767px) {
  .seccion-convergencia-venn .contenedor-display-venn {
    padding: 2rem 1.5rem;
  }
}
.seccion-convergencia-venn .contenedor-display-venn .panel-info-venn {
  display: none;
  animation: fadeInVenn 0.35s ease forwards;
}
.seccion-convergencia-venn .contenedor-display-venn .panel-info-venn.activo {
  display: block;
}
.seccion-convergencia-venn .contenedor-display-venn .panel-info-venn .tag-marco-venn {
  display: inline-block;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #0B4368;
  margin-bottom: 0.75rem;
}
.seccion-convergencia-venn .contenedor-display-venn .panel-info-venn .tag-marco-venn.destacado {
  color: #5FB4C5;
  background: #080B10;
  padding: 0.2rem 0.6rem;
  border-radius: 4px;
}
.seccion-convergencia-venn .contenedor-display-venn .panel-info-venn .titulo-marco-venn {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(1.4rem, 2vw, 1.75rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0F172A;
  margin-bottom: 1rem;
  line-height: 1.25;
}
.seccion-convergencia-venn .contenedor-display-venn .panel-info-venn .descripcion-marco-venn {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #334155;
  margin-bottom: 1.5rem;
  text-align: justify;
}
.seccion-convergencia-venn .contenedor-display-venn .panel-info-venn .puntos-clave-marco {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.seccion-convergencia-venn .contenedor-display-venn .panel-info-venn .puntos-clave-marco li {
  font-size: 0.92rem;
  line-height: 1.6;
  color: #334155;
  position: relative;
  padding-left: 1.4rem;
}
.seccion-convergencia-venn .contenedor-display-venn .panel-info-venn .puntos-clave-marco li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #5FB4C5;
  font-weight: 800;
}
.seccion-convergencia-venn .contenedor-display-venn .panel-info-venn .puntos-clave-marco li strong {
  color: #0F172A;
}
.seccion-convergencia-venn .contenedor-display-venn .panel-info-venn .caja-ahorro-convergencia {
  background: #FFFFFF;
  border: 1px solid rgba(95, 180, 197, 0.35);
  border-radius: 14px;
  padding: 1.5rem;
  margin-top: 1rem;
  box-shadow: 0 8px 20px rgba(95, 180, 197, 0.08);
}
.seccion-convergencia-venn .contenedor-display-venn .panel-info-venn .caja-ahorro-convergencia .metrica-ahorro {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
}
.seccion-convergencia-venn .contenedor-display-venn .panel-info-venn .caja-ahorro-convergencia .metrica-ahorro .valor-metrica {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 2.2rem;
  font-weight: 900;
  color: #0B4368;
  letter-spacing: -0.04em;
}
.seccion-convergencia-venn .contenedor-display-venn .panel-info-venn .caja-ahorro-convergencia .metrica-ahorro .etiqueta-metrica {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: #0F172A;
}
.seccion-convergencia-venn .contenedor-display-venn .panel-info-venn .caja-ahorro-convergencia .texto-ahorro {
  font-size: 0.88rem;
  line-height: 1.6;
  color: #334155;
  margin: 0;
  text-align: justify;
}

@keyframes fadeInVenn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.seccion-faqs-editorial {
  padding: 5.5rem 0 6.5rem;
  background-color: #FFFFFF;
  position: relative;
  z-index: 20;
  border-top: 1px solid rgba(226, 232, 240, 0.8);
}
.seccion-faqs-editorial .bloque-cabecera-faqs {
  position: sticky;
  top: 6rem;
}
.seccion-faqs-editorial .bloque-cabecera-faqs .subtitulo-seccion {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #0B4368;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
}
.seccion-faqs-editorial .bloque-cabecera-faqs .subtitulo-seccion .punto-subtitulo {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background-color: #5FB4C5;
  box-shadow: 0 0 8px rgba(95, 180, 197, 0.6);
}
.seccion-faqs-editorial .bloque-cabecera-faqs .titular-faqs-editorial {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(2rem, 3.2vw, 2.75rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: #0F172A;
  margin-bottom: 1.25rem;
}
.seccion-faqs-editorial .bloque-cabecera-faqs .descripcion-faqs-lateral {
  font-size: 0.95rem;
  line-height: 1.65;
  color: #334155;
  margin-bottom: 2rem;
}
.seccion-faqs-editorial .bloque-cabecera-faqs .tarjeta-cta-faqs {
  background: #FFFFFF;
  border: 1px solid rgba(11, 67, 104, 0.18);
  border-radius: 18px;
  padding: 2rem 1.75rem;
  box-shadow: 0 10px 30px rgba(11, 67, 104, 0.05);
}
.seccion-faqs-editorial .bloque-cabecera-faqs .tarjeta-cta-faqs .etiqueta-cta-faqs {
  display: block;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0F172A;
  margin: 0 0 0.65rem;
}
.seccion-faqs-editorial .bloque-cabecera-faqs .tarjeta-cta-faqs .texto-cta-faqs {
  font-size: 0.92rem;
  line-height: 1.6;
  color: #334155;
  margin-bottom: 1.5rem;
}
.seccion-faqs-editorial .bloque-cabecera-faqs .tarjeta-cta-faqs .enlace-telefono-faqs {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(11, 67, 104, 0.25);
  border-radius: 6px;
  background: #F8FAFC;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.84rem;
  font-weight: 700;
  color: #0B4368;
  text-decoration: none;
  transition: all 0.2s ease;
}
.seccion-faqs-editorial .bloque-cabecera-faqs .tarjeta-cta-faqs .enlace-telefono-faqs:hover {
  background: #FFFFFF;
  border-color: #0B4368;
  color: #0B4368;
  box-shadow: 0 4px 14px rgba(11, 67, 104, 0.12);
}
.seccion-faqs-editorial .acordeon-faqs-limpio {
  display: flex;
  flex-direction: column;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon {
  border-bottom: 1px solid rgba(226, 232, 240, 0.85);
  transition: all 0.2s ease;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon:first-child {
  border-top: 1px solid rgba(226, 232, 240, 0.85);
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .pregunta-faq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.6rem 0;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .pregunta-faq::-webkit-details-marker {
  display: none;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .pregunta-faq .texto-pregunta {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.015em;
  color: #0F172A;
  transition: color 0.2s ease;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .pregunta-faq .icono-toggle-faq {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(148, 163, 184, 0.3);
  color: #64748B;
  transition: all 0.25s ease;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .pregunta-faq:hover .texto-pregunta {
  color: #0B4368;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .pregunta-faq:hover .icono-toggle-faq {
  border-color: #0B4368;
  color: #0B4368;
  background: rgba(11, 67, 104, 0.05);
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq {
  padding: 0 0 1.6rem;
  text-align: justify;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #334155;
  margin-bottom: 1.15rem;
  text-align: justify;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq p:last-child {
  margin-bottom: 0;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq p strong {
  color: #0F172A;
  font-weight: 700;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq p a {
  color: #0B4368;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(11, 67, 104, 0.35);
  transition: all 0.2s ease;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq p a:hover {
  color: #5FB4C5;
  text-decoration-color: #5FB4C5;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq ul, .seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq ol {
  margin: 1.15rem 0 1.25rem;
  padding-left: 1.35rem;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq ul li, .seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq ol li {
  font-size: 0.93rem;
  line-height: 1.7;
  color: #334155;
  margin-bottom: 0.65rem;
  text-align: justify;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq ul li strong, .seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq ol li strong {
  color: #0F172A;
  font-weight: 700;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq ul li a, .seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq ol li a {
  color: #0B4368;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(11, 67, 104, 0.35);
  transition: all 0.2s ease;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq ul li a:hover, .seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq ol li a:hover {
  color: #5FB4C5;
  text-decoration-color: #5FB4C5;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq ul li::marker, .seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon .respuesta-faq ol li::marker {
  color: #5FB4C5;
  font-weight: 700;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon[open] .pregunta-faq .texto-pregunta {
  color: #0B4368;
}
.seccion-faqs-editorial .acordeon-faqs-limpio .item-faq-acordeon[open] .pregunta-faq .icono-toggle-faq {
  transform: rotate(45deg);
  background: #0B4368;
  color: #FFFFFF;
  border-color: #0B4368;
}

/* FIN SECCIÓN QUIÉNES SOMOS */
/* INICIO SECCIÓN NORMA */
/* =========================================================================
   BLOQUE 0.5: AUTORIDAD INSTITUCIONAL Y ECOSISTEMA ENS (50/50 EDITORIAL)
   ========================================================================= */
.seccion-autoridad-ens {
  position: relative;
  z-index: 20;
  background-color: #FFFFFF;
  padding: 6rem 0 5rem;
  border-bottom: 1px solid #E2E8F0;
  box-shadow: 0 -20px 40px rgba(0, 0, 0, 0.4);
}
.seccion-autoridad-ens .columna-visual-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.seccion-autoridad-ens .cta-directo-tarjeta-autoridad {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 1.25rem 1.65rem;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  transition: all 0.25s ease;
}
@media (max-width: 575px) {
  .seccion-autoridad-ens .cta-directo-tarjeta-autoridad {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}
.seccion-autoridad-ens .cta-directo-tarjeta-autoridad:hover {
  border-color: #0B4368;
  box-shadow: 0 8px 24px rgba(11, 67, 104, 0.08);
}
.seccion-autoridad-ens .cta-directo-tarjeta-autoridad .info-cta-tarjeta {
  display: flex;
  flex-direction: column;
}
.seccion-autoridad-ens .cta-directo-tarjeta-autoridad .info-cta-tarjeta .titulo-micro-cta {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.92rem;
  font-weight: 800;
  color: #0F172A;
  line-height: 1.3;
  letter-spacing: -0.01em;
}
.seccion-autoridad-ens .cta-directo-tarjeta-autoridad .info-cta-tarjeta .texto-micro-cta {
  font-size: 0.8rem;
  color: #64748B;
  line-height: 1.4;
  margin: 0;
}
.seccion-autoridad-ens .cta-directo-tarjeta-autoridad .boton-cta-autoridad {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 1.35rem;
  border-radius: 50px;
  background: #0B4368;
  color: #FFFFFF;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.25s ease;
  flex-shrink: 0;
  box-shadow: 0 4px 14px rgba(11, 67, 104, 0.25);
}
.seccion-autoridad-ens .cta-directo-tarjeta-autoridad .boton-cta-autoridad svg {
  transition: transform 0.2s ease;
}
.seccion-autoridad-ens .cta-directo-tarjeta-autoridad .boton-cta-autoridad:hover {
  background: #080B10;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(8, 11, 16, 0.35);
}
.seccion-autoridad-ens .cta-directo-tarjeta-autoridad .boton-cta-autoridad:hover svg {
  transform: translateX(3px);
}
.seccion-autoridad-ens .tarjeta-inmersiva-ens {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 560px;
  border-radius: 24px;
  overflow: hidden;
  background-color: #0E141D;
  box-shadow: 0 20px 45px -10px rgba(11, 67, 104, 0.18), 0 10px 20px -5px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 2.75rem 2.25rem;
}
.seccion-autoridad-ens .tarjeta-inmersiva-ens .imagen-fondo-tarjeta {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.seccion-autoridad-ens .tarjeta-inmersiva-ens:hover .imagen-fondo-tarjeta {
  transform: scale(1.03);
}
.seccion-autoridad-ens .tarjeta-inmersiva-ens .capa-degradado-tarjeta {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 11, 16, 0.05) 0%, rgba(8, 11, 16, 0.25) 35%, rgba(8, 11, 16, 0.75) 65%, rgba(8, 11, 16, 0.95) 100%);
  pointer-events: none;
}
.seccion-autoridad-ens .tarjeta-inmersiva-ens .contenido-inferior-tarjeta {
  position: relative;
  z-index: 2;
}
.seccion-autoridad-ens .tarjeta-inmersiva-ens .contenido-inferior-tarjeta .badge-inmersivo-header {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.85rem;
  border-radius: 50px;
  background: rgba(14, 20, 29, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-family: "JetBrains Mono", monospace;
  font-size: 0.7rem;
  font-weight: 700;
  color: #5FB4C5;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
.seccion-autoridad-ens .tarjeta-inmersiva-ens .contenido-inferior-tarjeta .badge-inmersivo-header .punto-radar {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00D2FF;
  box-shadow: 0 0 8px #00D2FF;
}
.seccion-autoridad-ens .tarjeta-inmersiva-ens .contenido-inferior-tarjeta .titular-inmersivo-card {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(1.5rem, 2.2vw, 1.95rem);
  font-weight: 800;
  line-height: 1.2;
  color: #FFFFFF;
  letter-spacing: -0.025em;
  margin-bottom: 0.65rem;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
}
.seccion-autoridad-ens .tarjeta-inmersiva-ens .contenido-inferior-tarjeta .bajada-inmersivo-card {
  font-size: 0.94rem;
  line-height: 1.6;
  color: #E2E8F0;
  max-width: 95%;
  margin-bottom: 0;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.8);
}
.seccion-autoridad-ens .columna-editorial-autoridad {
  padding-left: 2rem;
}
@media (max-width: 991px) {
  .seccion-autoridad-ens .columna-editorial-autoridad {
    padding-left: 0;
    margin-top: 2.5rem;
  }
}
.seccion-autoridad-ens .columna-editorial-autoridad .cabecera-autoridad {
  margin-bottom: 1.5rem;
}
.seccion-autoridad-ens .columna-editorial-autoridad .cabecera-autoridad .subtitulo-seccion {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0B4368;
  background: transparent;
  border: 1.5px solid #CBD5E1;
  border-radius: 50px;
  padding: 0.35rem 0.95rem;
  margin-bottom: 1.25rem;
}
.seccion-autoridad-ens .columna-editorial-autoridad .cabecera-autoridad .subtitulo-seccion .punto-subtitulo {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #5FB4C5;
}
.seccion-autoridad-ens .columna-editorial-autoridad .cabecera-autoridad .titular-seccion-autoridad {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(1.85rem, 3vw, 2.45rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: #0F172A;
  margin-bottom: 1.25rem;
}
.seccion-autoridad-ens .columna-editorial-autoridad .cabecera-autoridad .titular-seccion-autoridad .texto-acento {
  color: #0284C7;
  background: linear-gradient(135deg, #0B4368 0%, #0284C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.seccion-autoridad-ens .columna-editorial-autoridad .parrafos-autoridad {
  color: #334155;
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 2rem;
}
.seccion-autoridad-ens .columna-editorial-autoridad .parrafos-autoridad p {
  margin-bottom: 1.15rem;
}
.seccion-autoridad-ens .columna-editorial-autoridad .parrafos-autoridad strong {
  color: #0F172A;
  font-weight: 700;
}
.seccion-autoridad-ens .columna-editorial-autoridad .caja-entidades-certificadoras {
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  padding: 1.75rem 1.85rem;
}
.seccion-autoridad-ens .columna-editorial-autoridad .caja-entidades-certificadoras .cabecera-entidades {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid #E2E8F0;
}
.seccion-autoridad-ens .columna-editorial-autoridad .caja-entidades-certificadoras .cabecera-entidades .titulo-entidades {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0B4368;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}
.seccion-autoridad-ens .columna-editorial-autoridad .caja-entidades-certificadoras .cabecera-entidades .badge-acreditacion {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.68rem;
  font-weight: 700;
  color: #0369A1;
  background: rgba(2, 132, 199, 0.08);
  border: 1px solid rgba(2, 132, 199, 0.2);
  padding: 0.2rem 0.65rem;
  border-radius: 50px;
}
.seccion-autoridad-ens .columna-editorial-autoridad .caja-entidades-certificadoras .grid-sellos-certificadoras {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.85rem;
}
@media (max-width: 575px) {
  .seccion-autoridad-ens .columna-editorial-autoridad .caja-entidades-certificadoras .grid-sellos-certificadoras {
    grid-template-columns: repeat(2, 1fr);
  }
}
.seccion-autoridad-ens .columna-editorial-autoridad .caja-entidades-certificadoras .grid-sellos-certificadoras .sello-item {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  padding: 0.75rem 0.65rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  transition: all 0.25s ease;
}
.seccion-autoridad-ens .columna-editorial-autoridad .caja-entidades-certificadoras .grid-sellos-certificadoras .sello-item:hover {
  border-color: #0B4368;
  box-shadow: 0 6px 16px rgba(11, 67, 104, 0.08);
  transform: translateY(-2px);
}
.seccion-autoridad-ens .columna-editorial-autoridad .caja-entidades-certificadoras .grid-sellos-certificadoras .sello-item:hover .logo-organismo-img {
  filter: grayscale(0%);
  opacity: 1;
}
.seccion-autoridad-ens .columna-editorial-autoridad .caja-entidades-certificadoras .grid-sellos-certificadoras .sello-item .logo-organismo-img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.75;
  transition: all 0.25s ease;
}

/* =========================================================================
   MATRIZ ENMARCADA MODULAR DE BENEFICIOS (OUTER WRAPPER CLIP - TEMA CLARO)
   ========================================================================= */
.seccion-matriz-beneficios-frame {
  position: relative;
  z-index: 20;
  background-color: #F8FAFC;
  padding: 6rem 0;
  border-bottom: 1px solid #E2E8F0;
}
.seccion-matriz-beneficios-frame .subtitulo-seccion {
  color: #0B4368;
}
.seccion-matriz-beneficios-frame .titular-seccion {
  color: #0F172A;
}
.seccion-matriz-beneficios-frame .titular-seccion .texto-acento {
  color: #0284C7;
  background: linear-gradient(135deg, #0B4368 0%, #0284C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.seccion-matriz-beneficios-frame .descripcion-seccion {
  color: #64748B;
}

.matriz-beneficios-frame {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background-color: #E2E8F0;
  border: 1px solid #E2E8F0;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05), 0 20px 40px -15px rgba(11, 67, 104, 0.07);
}

.celda-beneficio-matriz {
  position: relative;
  background-color: #FFFFFF;
  padding: 3.5rem 3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 290px;
  transition: background-color 0.25s ease, transform 0.25s ease;
}
.celda-beneficio-matriz:hover {
  background-color: #F1F5F9;
}
.celda-beneficio-matriz:hover .tag-pildora-matriz {
  border-color: #0B4368;
  color: #0B4368;
  background: rgba(11, 67, 104, 0.04);
}
.celda-beneficio-matriz .cabecera-celda-matriz {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.celda-beneficio-matriz .numero-celda-matriz {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.95rem;
  font-weight: 800;
  color: #0284C7;
  letter-spacing: 0.05em;
}
.celda-beneficio-matriz .badge-celda-matriz {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.35rem 0.85rem;
  border-radius: 6px;
  background: rgba(2, 132, 199, 0.08);
  color: #0369A1;
  border: 1px solid rgba(2, 132, 199, 0.2);
}
.celda-beneficio-matriz .titulo-celda-matriz {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(1.4rem, 1.8vw, 1.75rem);
  font-weight: 800;
  line-height: 1.25;
  color: #0F172A;
  letter-spacing: -0.02em;
  margin-bottom: 1rem;
}
.celda-beneficio-matriz .descripcion-celda-matriz {
  font-size: 0.98rem;
  line-height: 1.65;
  color: #475569;
  margin-bottom: 2rem;
}
.celda-beneficio-matriz .tags-celda-matriz {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: auto;
}
.celda-beneficio-matriz .tag-pildora-matriz {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding: 0.35rem 0.95rem;
  border-radius: 50px;
  background: transparent;
  color: #334155;
  border: 1.5px solid #CBD5E1;
  transition: all 0.2s ease;
}

@media (max-width: 991px) {
  .seccion-matriz-beneficios-frame {
    padding: 4rem 0;
  }
  .matriz-beneficios-frame {
    grid-template-columns: 1fr;
    border-radius: 20px;
  }
  .celda-beneficio-matriz {
    padding: 2.2rem 1.8rem;
    min-height: auto;
  }
}
/* =========================================================================
   BLOQUE 2: ESTRUCTURA TÉCNICA Y DIMENSIONES CIDAT (DECK 3D APILADO)
   ========================================================================= */
.seccion-deck-marcos-ens {
  position: relative;
  z-index: 20;
  background-color: #080B10;
  padding: 6.5rem 0 7.5rem;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.seccion-deck-marcos-ens .fondo-deck-ambiente {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 75% 30%, rgba(11, 67, 104, 0.3) 0%, transparent 60%), radial-gradient(circle at 20% 80%, rgba(95, 180, 197, 0.15) 0%, transparent 50%);
}
.seccion-deck-marcos-ens .cabecera-seccion-deck {
  margin-bottom: 3.5rem;
}
.seccion-deck-marcos-ens .cabecera-seccion-deck .subtitulo-seccion {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #5FB4C5;
  background: rgba(95, 180, 197, 0.08);
  border: 1px solid rgba(95, 180, 197, 0.25);
  border-radius: 50px;
  padding: 0.35rem 0.95rem;
  margin-bottom: 1.25rem;
}
.seccion-deck-marcos-ens .cabecera-seccion-deck .subtitulo-seccion .punto-subtitulo {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #00D2FF;
  box-shadow: 0 0 8px #00D2FF;
}
.seccion-deck-marcos-ens .cabecera-seccion-deck .titular-seccion {
  color: #FFFFFF;
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.15;
  margin-bottom: 1rem;
}
.seccion-deck-marcos-ens .cabecera-seccion-deck .titular-seccion .texto-acento {
  color: #5FB4C5;
  background: linear-gradient(135deg, #5FB4C5 0%, #00D2FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.seccion-deck-marcos-ens .cabecera-seccion-deck .descripcion-seccion {
  color: #94A3B8;
  font-size: 1.05rem;
  line-height: 1.65;
  max-width: 760px;
  margin: 0;
}
.seccion-deck-marcos-ens {
  /* CONTENEDOR DE CONTROLES SUPERIORES (CONTADOR Y BOTONES) */
}
.seccion-deck-marcos-ens .barra-controles-deck {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.seccion-deck-marcos-ens .barra-controles-deck .indicador-fase-activa {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.seccion-deck-marcos-ens .barra-controles-deck .indicador-fase-activa .cifra-fase-actual {
  font-family: "JetBrains Mono", monospace;
  font-size: 1.25rem;
  font-weight: 800;
  color: #00D2FF;
}
.seccion-deck-marcos-ens .barra-controles-deck .indicador-fase-activa .barra-progreso-deck-mini {
  width: 120px;
  height: 3px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  overflow: hidden;
}
.seccion-deck-marcos-ens .barra-controles-deck .indicador-fase-activa .barra-progreso-deck-mini .progreso-deck-fill {
  height: 100%;
  width: 25%;
  background: linear-gradient(90deg, #5FB4C5, #00D2FF);
  transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.seccion-deck-marcos-ens .barra-controles-deck .indicador-fase-activa .cifra-fase-total {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.85rem;
  color: #64748B;
}
.seccion-deck-marcos-ens .barra-controles-deck .botones-nav-deck {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}
.seccion-deck-marcos-ens .barra-controles-deck .botones-nav-deck .btn-nav-deck {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(14, 20, 29, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #F1F5F9;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.25s ease;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.seccion-deck-marcos-ens .barra-controles-deck .botones-nav-deck .btn-nav-deck:hover:not(:disabled) {
  background: #0B4368;
  border-color: #5FB4C5;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0, 210, 255, 0.25);
}
.seccion-deck-marcos-ens .barra-controles-deck .botones-nav-deck .btn-nav-deck:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}
.seccion-deck-marcos-ens {
  /* ESCENARIO DEL DECK 3D */
}
.seccion-deck-marcos-ens .escenario-deck-3d {
  position: relative;
  width: 100%;
  min-height: 520px;
  height: 520px;
  perspective: 1200px;
  margin-bottom: 1.5rem;
  cursor: grab;
}
.seccion-deck-marcos-ens .escenario-deck-3d:active {
  cursor: grabbing;
}
@media (max-width: 991px) {
  .seccion-deck-marcos-ens .escenario-deck-3d {
    height: auto;
    min-height: auto;
  }
}
.seccion-deck-marcos-ens {
  /* TARJETA INDIVIDUAL DEL DECK (ANCHO ~50-55% DEL CONTENEDOR EN DESKTOP) */
}
.seccion-deck-marcos-ens .tarjeta-deck-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 62%;
  height: 100%;
  background: #0E141D;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7);
  display: grid;
  grid-template-columns: 42% 58%;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease;
  user-select: none;
}
@media (max-width: 991px) {
  .seccion-deck-marcos-ens .tarjeta-deck-item {
    position: relative;
    width: 100%;
    height: auto;
    grid-template-columns: 1fr;
    margin-bottom: 2rem;
    transform: none !important;
    opacity: 1 !important;
  }
}
.seccion-deck-marcos-ens .tarjeta-deck-item {
  /* COLUMNA VISUAL DE LA TARJETA (IZQUIERDA) */
}
.seccion-deck-marcos-ens .tarjeta-deck-item .col-visual-deck {
  position: relative;
  height: 100%;
  min-height: 280px;
  overflow: hidden;
}
.seccion-deck-marcos-ens .tarjeta-deck-item .col-visual-deck .img-deck-card {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.6s ease;
}
.seccion-deck-marcos-ens .tarjeta-deck-item .col-visual-deck .degradado-deck-img {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 60%, rgba(14, 20, 29, 0.95) 100%), linear-gradient(180deg, transparent 60%, rgba(14, 20, 29, 0.8) 100%);
}
.seccion-deck-marcos-ens .tarjeta-deck-item .col-visual-deck .badge-codigo-deck {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  background: rgba(8, 11, 16, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(95, 180, 197, 0.4);
  padding: 0.35rem 0.85rem;
  border-radius: 6px;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
  font-weight: 800;
  color: #00D2FF;
  letter-spacing: 0.05em;
}
.seccion-deck-marcos-ens .tarjeta-deck-item {
  /* COLUMNA EDITORIAL DE LA TARJETA (DERECHA) */
}
.seccion-deck-marcos-ens .tarjeta-deck-item .col-info-deck {
  padding: 2.75rem 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .seccion-deck-marcos-ens .tarjeta-deck-item .col-info-deck {
    padding: 1.75rem 1.5rem;
  }
}
.seccion-deck-marcos-ens .tarjeta-deck-item .col-info-deck .cabecera-info-deck .categoria-norma-deck {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #94A3B8;
  display: block;
  margin-bottom: 0.5rem;
}
.seccion-deck-marcos-ens .tarjeta-deck-item .col-info-deck .cabecera-info-deck .titulo-deck-card {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(1.4rem, 2vw, 1.8rem);
  font-weight: 800;
  line-height: 1.25;
  color: #FFFFFF;
  letter-spacing: -0.02em;
  margin-bottom: 0.85rem;
}
.seccion-deck-marcos-ens .tarjeta-deck-item .col-info-deck .cabecera-info-deck .descripcion-deck-card {
  font-size: 0.94rem;
  line-height: 1.6;
  color: #94A3B8;
  margin-bottom: 1.5rem;
}
.seccion-deck-marcos-ens .tarjeta-deck-item .col-info-deck .lista-controles-deck {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.seccion-deck-marcos-ens .tarjeta-deck-item .col-info-deck .lista-controles-deck li {
  font-size: 0.85rem;
  color: #CBD5E1;
  display: flex;
  align-items: center;
  gap: 0.65rem;
}
.seccion-deck-marcos-ens .tarjeta-deck-item .col-info-deck .lista-controles-deck li .icono-check-deck {
  color: #00D2FF;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.seccion-deck-marcos-ens .tarjeta-deck-item .col-info-deck .pie-deck-card {
  padding-top: 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.seccion-deck-marcos-ens .tarjeta-deck-item .col-info-deck .pie-deck-card .etiqueta-requisito {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  color: #5FB4C5;
}
.seccion-deck-marcos-ens .tarjeta-deck-item .col-info-deck .pie-deck-card .badge-enac-min {
  font-size: 0.72rem;
  font-weight: 700;
  color: #F1F5F9;
  background: rgba(255, 255, 255, 0.06);
  padding: 0.25rem 0.75rem;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.seccion-deck-marcos-ens .tarjeta-deck-item {
  /* ESTADOS 3D (Z-INDEX Y TRANSFORMACIÓN) */
}
.seccion-deck-marcos-ens .tarjeta-deck-item.card-activa {
  z-index: 10;
  opacity: 1;
  transform: translateX(0) translateZ(0) scale(1);
  border-color: rgba(95, 180, 197, 0.4);
  box-shadow: 0 30px 70px -15px rgba(0, 0, 0, 0.9), 0 0 35px rgba(11, 67, 104, 0.25);
}
.seccion-deck-marcos-ens .tarjeta-deck-item.card-pos-1 {
  z-index: 8;
  opacity: 0.75;
  transform: translateX(38%) translateZ(-80px) scale(0.92);
  pointer-events: auto;
  cursor: pointer;
}
.seccion-deck-marcos-ens .tarjeta-deck-item.card-pos-1:hover {
  opacity: 0.9;
  transform: translateX(36%) translateZ(-60px) scale(0.94);
}
.seccion-deck-marcos-ens .tarjeta-deck-item.card-pos-2 {
  z-index: 6;
  opacity: 0.45;
  transform: translateX(72%) translateZ(-160px) scale(0.84);
  pointer-events: auto;
  cursor: pointer;
}
.seccion-deck-marcos-ens .tarjeta-deck-item.card-pos-2:hover {
  opacity: 0.6;
}
.seccion-deck-marcos-ens .tarjeta-deck-item.card-pos-3 {
  z-index: 4;
  opacity: 0.2;
  transform: translateX(102%) translateZ(-240px) scale(0.76);
  pointer-events: none;
}
.seccion-deck-marcos-ens .tarjeta-deck-item.card-pos-prev {
  z-index: 2;
  opacity: 0;
  transform: translateX(-100%) translateZ(-100px) scale(0.85);
  pointer-events: none;
}

.cuadro-sintesis-cronograma {
  background: rgba(15, 23, 42, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  overflow: hidden;
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5);
}

.cabecera-cuadro-sintesis {
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
@media (max-width: 767.98px) {
  .cabecera-cuadro-sintesis {
    padding: 1.25rem 1rem !important;
    flex-direction: column;
    align-items: flex-start !important;
    gap: 0.85rem;
  }
}

.etiqueta-subtitulo-cuadro {
  font-size: 0.72rem;
  letter-spacing: 1.5px;
  font-weight: 700;
  color: #0dcaf0;
  display: block;
  margin-bottom: 4px;
}

.titulo-cuadro-sintesis {
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .titulo-cuadro-sintesis {
    font-size: 1.1rem;
    line-height: 1.35;
  }
}

.badge-plazo-global {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 30px;
  background: rgba(13, 202, 240, 0.1);
  border: 1px solid rgba(13, 202, 240, 0.25);
  color: #0dcaf0;
  font-size: 0.85rem;
}
@media (max-width: 767.98px) {
  .badge-plazo-global {
    width: 100%;
    justify-content: flex-start;
    font-size: 0.8rem;
  }
}

.punto-pulso-activo {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0dcaf0;
  box-shadow: 0 0 10px #0dcaf0;
}

.tabla-gobernanza-editorial {
  border-collapse: collapse;
  font-size: 0.9rem;
  color: #cbd5e1;
}
.tabla-gobernanza-editorial th {
  background: rgba(255, 255, 255, 0.02);
  color: #94a3b8;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.tabla-gobernanza-editorial td {
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  vertical-align: middle;
}
.tabla-gobernanza-editorial tbody tr:hover {
  background: rgba(255, 255, 255, 0.02);
}
@media (max-width: 991.98px) {
  .tabla-gobernanza-editorial {
    display: block;
  }
  .tabla-gobernanza-editorial thead {
    display: none;
  }
  .tabla-gobernanza-editorial tbody {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.25rem;
  }
  .tabla-gobernanza-editorial tr {
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 1.25rem;
    position: relative;
    gap: 0.85rem;
  }
  .tabla-gobernanza-editorial tr.fila-destacada-enac {
    background: linear-gradient(180deg, rgba(13, 202, 240, 0.08) 0%, rgba(13, 202, 240, 0.02) 100%);
    border-color: rgba(13, 202, 240, 0.3);
    box-shadow: 0 4px 20px rgba(13, 202, 240, 0.07);
  }
  .tabla-gobernanza-editorial td {
    display: block;
    padding: 0;
    border: none;
  }
  .tabla-gobernanza-editorial td.td-fase {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }
  .tabla-gobernanza-editorial td.td-fase .num-fase-chip {
    float: none;
    margin-right: 0;
    flex-shrink: 0;
  }
  .tabla-gobernanza-editorial td.td-fase .info-fase strong {
    font-size: 1.05rem;
    color: #ffffff;
    line-height: 1.3;
  }
  .tabla-gobernanza-editorial td.td-fase .info-fase small {
    font-size: 0.82rem;
    color: #94a3b8;
    margin-top: 2px;
  }
  .tabla-gobernanza-editorial td.td-cronograma {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .tabla-gobernanza-editorial td.td-cronograma::before {
    content: "Plazo:";
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748b;
    font-weight: 600;
  }
  .tabla-gobernanza-editorial td.td-entregable {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    padding: 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.03);
  }
  .tabla-gobernanza-editorial td.td-entregable::before {
    content: "Entregables clave:";
    display: block;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #38bdf8;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }
  .tabla-gobernanza-editorial td.td-entregable .lista-entregables-mini li {
    font-size: 0.82rem;
    line-height: 1.4;
    color: #cbd5e1;
    margin-bottom: 4px;
  }
  .tabla-gobernanza-editorial td.td-implicacion {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px;
    background: rgba(255, 255, 255, 0.02);
    padding: 0.6rem 0.85rem;
    border-radius: 8px;
  }
  .tabla-gobernanza-editorial td.td-implicacion::before {
    content: "Dedicación del cliente:";
    font-size: 0.78rem;
    color: #94a3b8;
    font-weight: 500;
  }
  .tabla-gobernanza-editorial td.td-implicacion .indicador-dedicacion {
    margin-bottom: 0;
  }
  .tabla-gobernanza-editorial td.td-implicacion small {
    width: 100%;
    font-size: 0.75rem;
    color: #64748b !important;
  }
  .tabla-gobernanza-editorial td.td-garantia {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.4rem;
    text-align: left !important;
  }
  .tabla-gobernanza-editorial td.td-garantia::before {
    content: "Garantía:";
    font-size: 0.78rem;
    color: #94a3b8;
    font-weight: 500;
  }
}

.fila-destacada-enac {
  background: rgba(13, 202, 240, 0.03);
}

.num-fase-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  font-weight: 700;
  font-size: 0.85rem;
  float: left;
  margin-right: 14px;
}
.num-fase-chip.chip-exito {
  background: rgba(13, 202, 240, 0.15);
  border-color: rgba(13, 202, 240, 0.4);
  color: #0dcaf0;
}

.info-fase strong {
  display: block;
  color: #ffffff;
  font-size: 0.95rem;
}
.info-fase small {
  color: #94a3b8;
  font-size: 0.8rem;
}

.badge-semana {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.05);
  color: #e2e8f0;
  font-weight: 600;
  font-size: 0.82rem;
  white-space: nowrap;
}
.badge-semana.semana-exito {
  background: rgba(13, 202, 240, 0.15);
  color: #0dcaf0;
  border: 1px solid rgba(13, 202, 240, 0.3);
}

.lista-entregables-mini {
  list-style: none;
  padding-left: 0;
  font-size: 0.84rem;
}
.lista-entregables-mini li {
  position: relative;
  padding-left: 14px;
  margin-bottom: 4px;
}
.lista-entregables-mini li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #0dcaf0;
}

.indicador-dedicacion {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
}
.indicador-dedicacion.baja {
  background: rgba(34, 197, 94, 0.15);
  color: #4ade80;
}
.indicador-dedicacion.media {
  background: rgba(234, 179, 8, 0.15);
  color: #facc15;
}
.indicador-dedicacion.acompanado {
  background: rgba(13, 202, 240, 0.15);
  color: #38bdf8;
}

.tag-garantia {
  display: inline-block;
  font-size: 0.82rem;
  font-weight: 600;
  color: #94a3b8;
}
.tag-garantia.tag-enac {
  color: #0dcaf0;
  font-weight: 700;
}

/* FIN SECCIÓN NORMA */
/* =========================================================================
   BLOQUE 3: SHOWCASE INTERACTIVO DE FASES ENS (FONDO PANORÁMICO INTEGRADO)
   ========================================================================= */
.seccion-fases-showcase-ens {
  position: relative;
  z-index: 20;
  background-color: #F8FAFC;
  padding: 6.5rem 0;
  border-bottom: 1px solid #E2E8F0;
}
.seccion-fases-showcase-ens .panel-fases-showcase-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 320px 1fr 340px;
  gap: 1.5rem;
  align-items: stretch;
  border-radius: 28px;
  padding: 1.75rem;
  overflow: hidden;
  background-color: #080B10;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 20px 50px -10px rgba(8, 11, 16, 0.35), 0 0 30px rgba(11, 67, 104, 0.15);
}
@media (max-width: 1199px) {
  .seccion-fases-showcase-ens .panel-fases-showcase-wrapper {
    grid-template-columns: 290px 1fr 310px;
    gap: 1.25rem;
    padding: 1.25rem;
  }
}
@media (max-width: 991px) {
  .seccion-fases-showcase-ens .panel-fases-showcase-wrapper {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 1.25rem;
  }
}
.seccion-fases-showcase-ens {
  /* CAPA DE FONDO PANORÁMICO INTEGRAL QUE CUBRE TODO EL CONTENEDOR */
}
.seccion-fases-showcase-ens .fondo-panoramico-fases {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
.seccion-fases-showcase-ens .fondo-panoramico-fases .escena-fondo-item {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.06);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.7s;
}
.seccion-fases-showcase-ens .fondo-panoramico-fases .escena-fondo-item.activa {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  z-index: 1;
}
.seccion-fases-showcase-ens .fondo-panoramico-fases .escena-fondo-item .img-fondo-panoramica {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.seccion-fases-showcase-ens .fondo-panoramico-fases .escena-fondo-item .overlay-gradiente-panoramico {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(8, 11, 16, 0.25) 0%, rgba(8, 11, 16, 0.85) 100%), linear-gradient(90deg, rgba(8, 11, 16, 0.92) 0%, rgba(8, 11, 16, 0.3) 50%, rgba(8, 11, 16, 0.92) 100%);
}
.seccion-fases-showcase-ens {
  /* COLUMNA 1: LISTADO VERTICAL DE 6 FASES (FROSTED GLASS) */
}
.seccion-fases-showcase-ens .col-fases-lista {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  justify-content: space-between;
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.85rem 1rem;
  background: rgba(14, 20, 29, 0.75);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  text-align: left;
  cursor: pointer;
  width: 100%;
  position: relative;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item .circulo-numero-fase {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.25s ease;
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item .circulo-numero-fase .num-fase-txt {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.82rem;
  font-weight: 800;
  color: #94A3B8;
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item .info-fase-btn {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item .info-fase-btn .sub-fase-tag {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.63rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #94A3B8;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0.2rem;
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item .info-fase-btn .nombre-fase-txt {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.85rem;
  font-weight: 800;
  color: #F1F5F9;
  letter-spacing: -0.01em;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item .info-fase-btn .alcance-fase-txt {
  font-size: 0.72rem;
  color: #64748B;
  line-height: 1.2;
  margin-top: 0.1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item .flecha-fase-indicador {
  color: #64748B;
  opacity: 0;
  transform: translateX(-4px);
  transition: all 0.25s ease;
  flex-shrink: 0;
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item:hover {
  background: rgba(14, 20, 29, 0.9);
  border-color: rgba(95, 180, 197, 0.4);
  transform: translateX(4px);
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item:hover .circulo-numero-fase {
  border-color: #5FB4C5;
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item:hover .circulo-numero-fase .num-fase-txt {
  color: #5FB4C5;
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item:hover .flecha-fase-indicador {
  opacity: 1;
  transform: translateX(0);
  color: #5FB4C5;
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item.fase-activa {
  background: rgba(11, 67, 104, 0.85);
  border-color: #5FB4C5;
  box-shadow: 0 8px 24px -4px rgba(0, 210, 255, 0.3), inset 0 0 16px rgba(95, 180, 197, 0.2);
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item.fase-activa .circulo-numero-fase {
  background: #5FB4C5;
  border-color: #5FB4C5;
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item.fase-activa .circulo-numero-fase .num-fase-txt {
  color: #080B10;
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item.fase-activa .info-fase-btn .sub-fase-tag {
  color: #5FB4C5;
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item.fase-activa .info-fase-btn .nombre-fase-txt {
  color: #FFFFFF;
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item.fase-activa .info-fase-btn .alcance-fase-txt {
  color: #CBD5E1;
}
.seccion-fases-showcase-ens .col-fases-lista .btn-fase-item.fase-activa .flecha-fase-indicador {
  opacity: 1;
  transform: translateX(0);
  color: #5FB4C5;
}
.seccion-fases-showcase-ens {
  /* COLUMNA 2: VENTANA ESCÉNICA CENTRAL */
}
.seccion-fases-showcase-ens .col-fases-visual {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 380px;
}
@media (max-width: 991px) {
  .seccion-fases-showcase-ens .col-fases-visual {
    min-height: 180px;
    height: 180px;
  }
}
.seccion-fases-showcase-ens .col-fases-visual .marco-visor-central {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
.seccion-fases-showcase-ens .col-fases-visual .badges-visor-item {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
.seccion-fases-showcase-ens .col-fases-visual .badges-visor-item.activa {
  opacity: 1;
  visibility: visible;
}
.seccion-fases-showcase-ens .col-fases-visual .badges-visor-item .badge-tiempo-visual {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.45rem 0.95rem;
  background: rgba(8, 11, 16, 0.82);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50px;
  color: #FFFFFF;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
  font-weight: 700;
}
.seccion-fases-showcase-ens .col-fases-visual .badges-visor-item .badge-tiempo-visual svg {
  color: #00D2FF;
}
.seccion-fases-showcase-ens .col-fases-visual .badges-visor-item .pildora-tag-visual {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(11, 67, 104, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(95, 180, 197, 0.5);
  border-radius: 50px;
  color: #FFFFFF;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.seccion-fases-showcase-ens .col-fases-visual .badges-visor-item .pildora-tag-visual .punto-cyan-pildora {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #00D2FF;
  box-shadow: 0 0 8px #00D2FF;
}
.seccion-fases-showcase-ens {
  /* COLUMNA 3: DETALLE TÉCNICO Y ACCIÓN (FROSTED GLASS) */
}
.seccion-fases-showcase-ens .col-fases-detalle {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
}
.seccion-fases-showcase-ens .col-fases-detalle .contenedor-paneles-detalle {
  position: relative;
  height: 100%;
}
.seccion-fases-showcase-ens .col-fases-detalle .panel-detalle-fase {
  display: none;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  background: rgba(14, 20, 29, 0.82);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 20px;
  padding: 2rem 1.85rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}
@media (max-width: 575px) {
  .seccion-fases-showcase-ens .col-fases-detalle .panel-detalle-fase {
    padding: 1.5rem 1.25rem;
  }
}
.seccion-fases-showcase-ens .col-fases-detalle .panel-detalle-fase.activo {
  display: flex;
  animation: fadeInFasePanel 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.seccion-fases-showcase-ens .col-fases-detalle .panel-detalle-fase .cabecera-detalle-fase {
  margin-bottom: 1rem;
}
.seccion-fases-showcase-ens .col-fases-detalle .panel-detalle-fase .cabecera-detalle-fase .badge-fase-numero {
  display: inline-block;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #00D2FF;
  background: rgba(0, 210, 255, 0.12);
  border: 1px solid rgba(0, 210, 255, 0.3);
  border-radius: 6px;
  padding: 0.25rem 0.65rem;
  margin-bottom: 0.65rem;
}
.seccion-fases-showcase-ens .col-fases-detalle .panel-detalle-fase .cabecera-detalle-fase .titular-detalle-fase {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(1.25rem, 1.5vw, 1.45rem);
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 0;
}
.seccion-fases-showcase-ens .col-fases-detalle .panel-detalle-fase .descripcion-detalle-fase {
  font-size: 0.9rem;
  line-height: 1.6;
  color: #CBD5E1;
  margin-bottom: 1.25rem;
}
.seccion-fases-showcase-ens .col-fases-detalle .panel-detalle-fase .bloque-hitos-fase {
  margin-bottom: 1.5rem;
}
.seccion-fases-showcase-ens .col-fases-detalle .panel-detalle-fase .bloque-hitos-fase .subtitulo-hitos {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #94A3B8;
  margin-bottom: 0.75rem;
}
.seccion-fases-showcase-ens .col-fases-detalle .panel-detalle-fase .bloque-hitos-fase .lista-hitos-fase {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.seccion-fases-showcase-ens .col-fases-detalle .panel-detalle-fase .bloque-hitos-fase .lista-hitos-fase li {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  font-size: 0.84rem;
  line-height: 1.4;
  color: #E2E8F0;
}
.seccion-fases-showcase-ens .col-fases-detalle .panel-detalle-fase .bloque-hitos-fase .lista-hitos-fase li .icono-check-hito {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: rgba(0, 210, 255, 0.15);
  color: #00D2FF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}
.seccion-fases-showcase-ens .col-fases-detalle .panel-detalle-fase .pie-detalle-fase {
  margin-top: auto;
  padding-top: 1.15rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.seccion-fases-showcase-ens .col-fases-detalle .panel-detalle-fase .pie-detalle-fase .btn-cta-fase-accion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  width: 100%;
  padding: 0.8rem 1.35rem;
  background: #0B4368;
  border: 1px solid rgba(95, 180, 197, 0.4);
  color: #FFFFFF;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.25s ease;
  box-shadow: 0 4px 16px rgba(0, 210, 255, 0.15);
}
.seccion-fases-showcase-ens .col-fases-detalle .panel-detalle-fase .pie-detalle-fase .btn-cta-fase-accion:hover {
  background: #0284C7;
  border-color: #00D2FF;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 210, 255, 0.35);
  color: #FFFFFF;
}
.seccion-fases-showcase-ens .col-fases-detalle .panel-detalle-fase .pie-detalle-fase .btn-cta-fase-accion:hover svg {
  transform: translateX(4px);
}
.seccion-fases-showcase-ens .col-fases-detalle .panel-detalle-fase .pie-detalle-fase .btn-cta-fase-accion svg {
  transition: transform 0.25s ease;
}

@keyframes fadeInFasePanel {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* =========================================================================
   BLOQUE: ROADMAP DINÁMICO DE FASES ENS (CIRCUITO SNAKE / ZIG-ZAG CLARO)
   ========================================================================= */
.seccion-fases-roadmap-ens {
  position: relative;
  z-index: 20;
  background-color: #F8FAFC;
  padding: 6.5rem 0 6rem;
  border-bottom: 1px solid #E2E8F0;
}
.seccion-fases-roadmap-ens .cabecera-seccion-roadmap {
  max-width: 820px;
  margin: 0 auto 4.5rem;
  text-align: center;
}
.seccion-fases-roadmap-ens .cabecera-seccion-roadmap .subtitulo-seccion {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #0B4368;
  margin-bottom: 1rem;
}
.seccion-fases-roadmap-ens .cabecera-seccion-roadmap .subtitulo-seccion .punto-subtitulo {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #0284C7;
  box-shadow: 0 0 10px rgba(2, 132, 199, 0.6);
}
.seccion-fases-roadmap-ens .cabecera-seccion-roadmap .titular-seccion {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(2rem, 3.5vw, 2.75rem);
  font-weight: 900;
  color: #0F172A;
  letter-spacing: -0.03em;
  line-height: 1.15;
  margin-bottom: 1.25rem;
}
.seccion-fases-roadmap-ens .cabecera-seccion-roadmap .titular-seccion .texto-acento {
  color: #0284C7;
  background: linear-gradient(135deg, #0B4368 0%, #0284C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.seccion-fases-roadmap-ens .cabecera-seccion-roadmap .descripcion-seccion {
  font-size: 1.05rem;
  color: #64748B;
  line-height: 1.65;
  margin-bottom: 2rem;
}
.seccion-fases-roadmap-ens .cabecera-seccion-roadmap .badges-metodologia-resumen {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
}
.seccion-fases-roadmap-ens .cabecera-seccion-roadmap .badges-metodologia-resumen .badge-met-item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 50px;
  font-size: 0.8rem;
  font-weight: 700;
  color: #0F172A;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}
.seccion-fases-roadmap-ens .cabecera-seccion-roadmap .badges-metodologia-resumen .badge-met-item .icono-badge {
  color: #0284C7;
}
.seccion-fases-roadmap-ens {
  /* CIRCUITO SNAKE (ROADMAP) */
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
  /* SVG TRAZADOR CONTINUO VECTORIAL DE ALTA PRECISIÓN */
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .svg-trazador-snake-roadmap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: visible;
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .svg-trazador-snake-roadmap #path-snake-line {
  filter: drop-shadow(0 2px 8px rgba(11, 67, 104, 0.2));
}
@media (max-width: 991px) {
  .seccion-fases-roadmap-ens .circuito-roadmap-wrapper .svg-trazador-snake-roadmap {
    display: none;
  }
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper {
  /* FILA DE PASOS */
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .fila-roadmap-snake {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.25rem;
  position: relative;
  margin-bottom: 4.5rem;
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .fila-roadmap-snake:last-child {
  margin-bottom: 0;
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper {
  /* ELEMENTO / PASO INDIVIDUAL */
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
  z-index: 2;
  /* NODO CIRCULAR CON NÚMERO */
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap .nodo-numero-fase {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #0B4368;
  border: 4px solid #FFFFFF;
  box-shadow: 0 0 0 2px #0284C7, 0 8px 20px rgba(11, 67, 104, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 3;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap .nodo-numero-fase .num-texto {
  font-family: "JetBrains Mono", monospace;
  font-size: 1.05rem;
  font-weight: 800;
  color: #FFFFFF;
  letter-spacing: 0.05em;
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap {
  /* TARJETA DE CONTENIDO */
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap .tarjeta-contenido-fase {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 20px;
  padding: 2rem 1.75rem;
  box-shadow: 0 10px 30px -10px rgba(11, 67, 104, 0.06), 0 2px 8px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 255px;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap .tarjeta-contenido-fase .meta-header-tarjeta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap .tarjeta-contenido-fase .meta-header-tarjeta .badge-tiempo {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  color: #0B4368;
  background: rgba(11, 67, 104, 0.06);
  padding: 0.25rem 0.65rem;
  border-radius: 6px;
  letter-spacing: 0.02em;
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap .tarjeta-contenido-fase .meta-header-tarjeta .badge-pildora-tag {
  font-size: 0.7rem;
  font-weight: 700;
  color: #0284C7;
  background: rgba(2, 132, 199, 0.08);
  padding: 0.25rem 0.65rem;
  border-radius: 50px;
  border: 1px solid rgba(2, 132, 199, 0.18);
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap .tarjeta-contenido-fase .titulo-fase {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.12rem;
  font-weight: 800;
  color: #0F172A;
  line-height: 1.35;
  margin-bottom: 0.75rem;
  letter-spacing: -0.01em;
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap .tarjeta-contenido-fase .descripcion-fase {
  font-size: 0.88rem;
  color: #475569;
  line-height: 1.6;
  margin: 0;
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap .tarjeta-contenido-fase .footer-tarjeta-fase {
  margin-top: 1.25rem;
  padding-top: 0.85rem;
  border-top: 1px solid #F1F5F9;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap .tarjeta-contenido-fase .footer-tarjeta-fase .indicador-estado-fase {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.72rem;
  font-weight: 700;
  color: #059669;
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap .tarjeta-contenido-fase .footer-tarjeta-fase .indicador-estado-fase .punto-estado-fase {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #059669;
  box-shadow: 0 0 6px rgba(5, 150, 105, 0.5);
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap .tarjeta-contenido-fase .footer-tarjeta-fase .icono-check-mini {
  color: #0B4368;
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap {
  /* HOVER EFFECTS */
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap:hover .nodo-numero-fase {
  background: #0284C7;
  box-shadow: 0 0 0 3px #5FB4C5, 0 10px 25px rgba(2, 132, 199, 0.4);
  transform: scale(1.12);
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap:hover .tarjeta-contenido-fase {
  border-color: #0284C7;
  transform: translateY(-6px);
  box-shadow: 0 20px 45px -12px rgba(11, 67, 104, 0.14), 0 0 0 1px rgba(2, 132, 199, 0.2);
}
.seccion-fases-roadmap-ens .circuito-roadmap-wrapper {
  /* RESPONSIVE: MÓVIL Y TABLET (< 992px) -> LÍNEA VERTICAL CONTINUA */
}
@media (max-width: 991px) {
  .seccion-fases-roadmap-ens .circuito-roadmap-wrapper {
    position: relative;
    padding-left: 2.5rem;
  }
  .seccion-fases-roadmap-ens .circuito-roadmap-wrapper::before {
    content: "";
    position: absolute;
    top: 28px;
    bottom: 28px;
    left: 27px;
    width: 4px;
    background: linear-gradient(180deg, #0B4368 0%, #0284C7 50%, #5FB4C5 100%);
    border-radius: 999px;
    z-index: 1;
  }
  .seccion-fases-roadmap-ens .circuito-roadmap-wrapper .fila-roadmap-snake {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 2rem;
  }
  .seccion-fases-roadmap-ens .circuito-roadmap-wrapper .fila-roadmap-snake.fila-reverse {
    flex-direction: column;
  }
  .seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap {
    flex-direction: row;
    align-items: flex-start;
    gap: 1.5rem;
  }
  .seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap .nodo-numero-fase {
    margin-bottom: 0;
    margin-left: -2.5rem;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
  }
  .seccion-fases-roadmap-ens .circuito-roadmap-wrapper .item-fase-roadmap .tarjeta-contenido-fase {
    min-height: auto;
  }
}
.seccion-fases-roadmap-ens {
  /* BANNER INFERIOR CRO DE METODOLOGÍA */
}
.seccion-fases-roadmap-ens .banner-cro-metodologia {
  margin-top: 4.5rem;
  padding: 2.25rem 2.75rem;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 20px;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
@media (max-width: 767px) {
  .seccion-fases-roadmap-ens .banner-cro-metodologia {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.75rem;
    gap: 1.5rem;
  }
}
.seccion-fases-roadmap-ens .banner-cro-metodologia .info-banner-cro .titulo-banner-cro {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.15rem;
  font-weight: 800;
  color: #0F172A;
  margin-bottom: 0.25rem;
}
.seccion-fases-roadmap-ens .banner-cro-metodologia .info-banner-cro .texto-banner-cro {
  font-size: 0.88rem;
  color: #64748B;
  margin: 0;
}
.seccion-fases-roadmap-ens .banner-cro-metodologia .boton-banner-cro {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.85rem 1.75rem;
  background: #0B4368;
  color: #FFFFFF;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  border-radius: 50px;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.25s ease;
  box-shadow: 0 6px 18px rgba(11, 67, 104, 0.25);
}
.seccion-fases-roadmap-ens .banner-cro-metodologia .boton-banner-cro:hover {
  background: #0284C7;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(2, 132, 199, 0.35);
  color: #FFFFFF;
}
.seccion-fases-roadmap-ens .banner-cro-metodologia .boton-banner-cro svg {
  transition: transform 0.25s ease;
}
.seccion-fases-roadmap-ens .banner-cro-metodologia .boton-banner-cro:hover svg {
  transform: translateX(4px);
}

/* INICIO SECCIÓN CERTIFICACIÓN */
.seccion-certificaciones-matriz {
  padding: 5rem 0 6rem;
  background-color: #F8FAFC;
  position: relative;
  z-index: 20;
  box-shadow: 0 -20px 40px rgba(0, 0, 0, 0.4);
}
.seccion-certificaciones-matriz .grilla-certificaciones-interior {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background-color: #E2E8F0;
  gap: 1px;
  border-radius: 0;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .seccion-certificaciones-matriz .grilla-certificaciones-interior {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575.98px) {
  .seccion-certificaciones-matriz .grilla-certificaciones-interior {
    grid-template-columns: 1fr;
  }
}
.seccion-certificaciones-matriz .item-certificacion-matriz {
  background-color: #FFFFFF;
  padding: 3.5rem 2.5rem 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
}
.seccion-certificaciones-matriz .item-certificacion-matriz:hover .envoltorio-logotipo-certificacion {
  transform: translateY(-4px) scale(1.04);
}
.seccion-certificaciones-matriz .item-certificacion-matriz:hover .codigo-norma-destacado {
  color: #0B4368;
}
.seccion-certificaciones-matriz .item-certificacion-matriz .envoltorio-logotipo-certificacion {
  width: 100%;
  max-width: 220px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.75rem;
  transition: transform 0.25s ease;
}
.seccion-certificaciones-matriz .item-certificacion-matriz .envoltorio-logotipo-certificacion .imagen-logo-certificacion {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.seccion-certificaciones-matriz .item-certificacion-matriz .codigo-norma-destacado {
  font-family: "JetBrains Mono", monospace;
  font-size: 1.25rem;
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.01em;
  margin-bottom: 0.45rem;
  transition: color 0.2s ease;
}
.seccion-certificaciones-matriz .item-certificacion-matriz .nombre-certificacion-matriz {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
  color: #64748B;
  line-height: 1.45;
}

.seccion-beneficios-certificaciones {
  padding: 6.5rem 0 7.5rem;
  background-color: #080B10;
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.seccion-beneficios-certificaciones .fondo-beneficios-ambiente {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background-image: url("../img/fondos/fondo-beneficios-certificaciones.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.seccion-beneficios-certificaciones .fondo-beneficios-ambiente::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 11, 16, 0.88) 0%, rgba(8, 11, 16, 0.72) 40%, rgba(8, 11, 16, 0.92) 100%), radial-gradient(ellipse at center, transparent 0%, rgba(8, 11, 16, 0.8) 100%);
}
.seccion-beneficios-certificaciones .fondo-beneficios-ambiente .destello-focal-izquierdo {
  position: absolute;
  top: 15%;
  left: -5%;
  width: 550px;
  height: 550px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(11, 67, 104, 0.4) 0%, rgba(8, 11, 16, 0) 70%);
  filter: blur(60px);
}
.seccion-beneficios-certificaciones .fondo-beneficios-ambiente .destello-focal-derecho {
  position: absolute;
  bottom: 10%;
  right: -5%;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(95, 180, 197, 0.2) 0%, rgba(8, 11, 16, 0) 70%);
  filter: blur(80px);
}
.seccion-beneficios-certificaciones .fondo-beneficios-ambiente .textura-ruido-tech {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: 0.5;
}
.seccion-beneficios-certificaciones .contenedor-beneficios {
  position: relative;
  z-index: 2;
}
.seccion-beneficios-certificaciones .subtitulo-seccion-dark {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #5FB4C5;
  background: rgba(95, 180, 197, 0.08);
  border: 1px solid rgba(95, 180, 197, 0.25);
  border-radius: 50px;
  padding: 0.35rem 0.95rem;
  margin-bottom: 1.35rem;
}
.seccion-beneficios-certificaciones .subtitulo-seccion-dark .punto-subtitulo {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #5FB4C5;
  box-shadow: 0 0 6px rgba(95, 180, 197, 0.8);
  flex-shrink: 0;
}
.seccion-beneficios-certificaciones .titular-seccion-dark {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(2rem, 3.8vw, 3.2rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.035em;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.seccion-beneficios-certificaciones .titular-seccion-dark .texto-acento-cian {
  color: #5FB4C5;
  background: linear-gradient(135deg, #5FB4C5 0%, #00D2FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.seccion-beneficios-certificaciones .descripcion-seccion-dark {
  color: #94A3B8;
  font-size: 1.05rem;
  line-height: 1.65;
  max-width: 720px;
}
.seccion-beneficios-certificaciones .grilla-beneficios-glass {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.75rem;
  margin-top: 3.5rem;
}
@media (max-width: 767.98px) {
  .seccion-beneficios-certificaciones .grilla-beneficios-glass {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}
.seccion-beneficios-certificaciones .tarjeta-beneficio-glass {
  position: relative;
  background: rgba(14, 20, 29, 0.65);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: 3.5rem 3rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 440px;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}
.seccion-beneficios-certificaciones .tarjeta-beneficio-glass:hover {
  transform: translateY(-8px);
  border-color: rgba(95, 180, 197, 0.5);
  box-shadow: 0 32px 70px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(95, 180, 197, 0.4);
}
.seccion-beneficios-certificaciones .tarjeta-beneficio-glass:hover .reflejo-vidrio-tarjeta {
  opacity: 0.25;
}
.seccion-beneficios-certificaciones .tarjeta-beneficio-glass:hover .cifra-beneficio-tech {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(95, 180, 197, 0.5) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: translateY(-3px);
}
.seccion-beneficios-certificaciones .tarjeta-beneficio-glass:hover .titular-beneficio-glass {
  color: #5FB4C5;
}
.seccion-beneficios-certificaciones .tarjeta-beneficio-glass .reflejo-vidrio-tarjeta {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.seccion-beneficios-certificaciones .tarjeta-beneficio-glass .cifra-beneficio-tech {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-size: clamp(4.5rem, 6.5vw, 6.2rem);
  font-weight: 900;
  line-height: 0.85;
  letter-spacing: -0.04em;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.15) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 2rem;
  user-select: none;
  transition: all 0.3s ease;
}
.seccion-beneficios-certificaciones .tarjeta-beneficio-glass .cuerpo-beneficio-glass {
  margin-top: auto;
  text-align: left;
}
.seccion-beneficios-certificaciones .tarjeta-beneficio-glass .cuerpo-beneficio-glass .titular-beneficio-glass {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(1.35rem, 1.8vw, 1.55rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.025em;
  color: #FFFFFF;
  margin-bottom: 1rem;
  text-align: left;
  transition: color 0.25s ease;
}
.seccion-beneficios-certificaciones .tarjeta-beneficio-glass .cuerpo-beneficio-glass .descripcion-beneficio-glass {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.95rem;
  line-height: 1.7;
  color: #94A3B8;
  margin: 0;
  text-align: left;
}
.seccion-beneficios-certificaciones .tarjeta-beneficio-glass .cuerpo-beneficio-glass .descripcion-beneficio-glass .enlace-inline-glass {
  color: #5FB4C5;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(95, 180, 197, 0.4);
  transition: all 0.2s ease;
}
.seccion-beneficios-certificaciones .tarjeta-beneficio-glass .cuerpo-beneficio-glass .descripcion-beneficio-glass .enlace-inline-glass:hover {
  color: #FFFFFF;
  text-decoration-color: #FFFFFF;
}

.seccion-quick-facts-geo {
  padding: 5rem 0;
  background-color: #FFFFFF;
  border-bottom: 1px solid #E2E8F0;
  position: relative;
  z-index: 20;
}
.seccion-quick-facts-geo .grilla-datos-quickfacts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-top: 1.5rem;
}
@media (max-width: 991.98px) {
  .seccion-quick-facts-geo .grilla-datos-quickfacts {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575.98px) {
  .seccion-quick-facts-geo .grilla-datos-quickfacts {
    grid-template-columns: 1fr;
  }
}
.seccion-quick-facts-geo .grilla-datos-quickfacts .item-fact {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 16px;
  padding: 2.25rem 2rem;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.seccion-quick-facts-geo .grilla-datos-quickfacts .item-fact:hover {
  border-color: rgba(95, 180, 197, 0.5);
  box-shadow: 0 12px 30px rgba(11, 67, 104, 0.08);
  transform: translateY(-4px);
}
.seccion-quick-facts-geo .grilla-datos-quickfacts .item-fact .etiqueta-fact {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #0B4368;
  margin-bottom: 0.75rem;
}
.seccion-quick-facts-geo .grilla-datos-quickfacts .item-fact .valor-fact {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.2rem;
  font-weight: 800;
  color: #0F172A;
  line-height: 1.3;
  letter-spacing: -0.015em;
  margin-bottom: 0.65rem;
}
.seccion-quick-facts-geo .grilla-datos-quickfacts .item-fact .detalle-fact {
  font-size: 0.88rem;
  line-height: 1.6;
  color: #334155;
  margin: 0;
}

.seccion-matriz-comparativa-normas {
  padding: 5rem 0 5.5rem;
  background-color: #F8FAFC;
  border-bottom: 1px solid #E2E8F0;
  position: relative;
  z-index: 20;
}
.seccion-matriz-comparativa-normas .contenedor-tabla-comparativa {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03);
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo {
  width: 100%;
  margin-bottom: 0;
  border-collapse: separate;
  border-spacing: 0;
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo thead {
  background: #0E141D;
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo thead th {
  color: #FFFFFF;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 1.25rem 1.35rem;
  border: none;
  white-space: nowrap;
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo thead th:first-child {
  padding-left: 1.75rem;
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo thead th:last-child {
  padding-right: 1.75rem;
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo tbody tr {
  transition: background-color 0.2s ease;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo tbody tr:last-child {
  border-bottom: none;
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo tbody tr:hover {
  background-color: rgba(95, 180, 197, 0.04);
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo tbody tr td {
  padding: 1.35rem;
  vertical-align: middle;
  font-size: 0.9rem;
  line-height: 1.55;
  color: #334155;
  border-top: 1px solid rgba(226, 232, 240, 0.6);
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo tbody tr td:first-child {
  padding-left: 1.75rem;
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo tbody tr td:last-child {
  padding-right: 1.75rem;
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo tbody tr td .codigo-norma-tabla {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.85rem;
  font-weight: 800;
  color: #0B4368;
  display: block;
  margin-bottom: 0.15rem;
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo tbody tr td .nombre-norma-tabla {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  color: #0F172A;
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo tbody tr td .badge-caracter {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.73rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #0F172A;
  background: transparent;
  border: none;
  padding: 0;
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo tbody tr td .badge-caracter::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo tbody tr td .badge-caracter.voluntario {
  color: #334155;
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo tbody tr td .badge-caracter.voluntario::before {
  background-color: #0B4368;
  box-shadow: 0 0 0 2px rgba(11, 67, 104, 0.15);
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo tbody tr td .badge-caracter.obligatorio {
  color: #991B1B;
  font-weight: 800;
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo tbody tr td .badge-caracter.obligatorio::before {
  background-color: #DC2626;
  box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.2);
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo tbody tr td .badge-caracter.europeo {
  color: #0369A1;
}
.seccion-matriz-comparativa-normas .tabla-normativa-geo tbody tr td .badge-caracter.europeo::before {
  background-color: #0284C7;
  box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.2);
}

.bloque-cta-diagnostico-normas {
  background: #FFFFFF;
  border: 1.5px solid rgba(11, 67, 104, 0.18);
  border-radius: 18px;
  padding: 2.25rem 2.5rem;
  box-shadow: 0 8px 30px rgba(11, 67, 104, 0.06);
}
@media (max-width: 767.98px) {
  .bloque-cta-diagnostico-normas {
    padding: 1.75rem 1.5rem;
  }
}
.bloque-cta-diagnostico-normas .titular-cta-diagnostico {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.02em;
  margin-bottom: 0.45rem;
}
.bloque-cta-diagnostico-normas .descripcion-cta-diagnostico {
  font-size: 0.94rem;
  line-height: 1.6;
  color: #334155;
  margin-bottom: 0;
}

.bloque-cta-garantia-certificacion {
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-left: 4px solid #0B4368;
  border-radius: 18px;
  padding: 2.5rem 2.75rem;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.04);
}
@media (max-width: 767.98px) {
  .bloque-cta-garantia-certificacion {
    padding: 1.75rem 1.5rem;
  }
}
.bloque-cta-garantia-certificacion .titular-cta-garantia {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(1.35rem, 2vw, 1.65rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.025em;
  color: #0F172A;
  margin-bottom: 0.65rem;
}
.bloque-cta-garantia-certificacion .titular-cta-garantia .texto-acento {
  color: #0B4368;
  background: linear-gradient(135deg, #0B4368 0%, #0284C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bloque-cta-garantia-certificacion .descripcion-cta-garantia {
  font-size: 0.95rem;
  line-height: 1.65;
  color: #334155;
  margin-bottom: 0;
  max-width: 640px;
}

/* FIN SECCIÓN CERTIFICACIÓN */
/* INICIO SECCIÓN ACTUALIDAD */
.seccion-blog-actualidad,
.seccion-noticia-detalle {
  padding: 4.5rem 0 6.5rem;
  position: relative;
  z-index: 20;
  background-color: #F8FAFC;
  box-shadow: 0 -20px 40px rgba(0, 0, 0, 0.4);
}
.seccion-blog-actualidad .sidebar-blog-editorial,
.seccion-noticia-detalle .sidebar-blog-editorial {
  position: sticky;
  top: 6rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .titular-widget-blog,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .titular-widget-blog {
  font-size: 0.85rem;
  font-family: "JetBrains Mono", monospace;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0F172A;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .titular-widget-blog .punto-widget,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .titular-widget-blog .punto-widget {
  width: 7px;
  height: 7px;
  border-radius: 2px;
  background: #5FB4C5;
  box-shadow: 0 0 8px rgba(95, 180, 197, 0.5);
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .formulario-buscar-blog,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .formulario-buscar-blog {
  position: relative;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .formulario-buscar-blog .input-buscar-blog,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .formulario-buscar-blog .input-buscar-blog {
  width: 100%;
  padding: 0.85rem 1.15rem 0.85rem 2.65rem;
  font-size: 0.88rem;
  border: 1.5px solid #E2E8F0;
  border-radius: 50px;
  background: #FFFFFF;
  color: #0F172A;
  outline: none;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.02);
  transition: all 0.2s ease;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .formulario-buscar-blog .input-buscar-blog:focus,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .formulario-buscar-blog .input-buscar-blog:focus {
  background: #FFFFFF;
  border-color: #5FB4C5;
  box-shadow: 0 0 0 3px rgba(95, 180, 197, 0.18);
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .formulario-buscar-blog .icono-buscar-blog,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .formulario-buscar-blog .icono-buscar-blog {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #94A3B8;
  pointer-events: none;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .lista-categorias-blog,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .lista-categorias-blog {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .lista-categorias-blog .item-categoria-blog .enlace-categoria-blog,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .lista-categorias-blog .item-categoria-blog .enlace-categoria-blog {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.65rem 0.85rem;
  border-radius: 8px;
  font-size: 0.88rem;
  font-weight: 600;
  color: #334155;
  text-decoration: none;
  transition: all 0.2s ease;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .lista-categorias-blog .item-categoria-blog .enlace-categoria-blog .contador-categoria,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .lista-categorias-blog .item-categoria-blog .enlace-categoria-blog .contador-categoria {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
  border-radius: 50px;
  background: transparent;
  color: #64748B;
  border: 1px solid rgba(148, 163, 184, 0.3);
  transition: all 0.2s ease;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .lista-categorias-blog .item-categoria-blog .enlace-categoria-blog:hover, .seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .lista-categorias-blog .item-categoria-blog .enlace-categoria-blog.activo,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .lista-categorias-blog .item-categoria-blog .enlace-categoria-blog:hover,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .lista-categorias-blog .item-categoria-blog .enlace-categoria-blog.activo {
  background: #FFFFFF;
  color: #0B4368;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .lista-categorias-blog .item-categoria-blog .enlace-categoria-blog:hover .contador-categoria, .seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .lista-categorias-blog .item-categoria-blog .enlace-categoria-blog.activo .contador-categoria,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .lista-categorias-blog .item-categoria-blog .enlace-categoria-blog:hover .contador-categoria,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .lista-categorias-blog .item-categoria-blog .enlace-categoria-blog.activo .contador-categoria {
  background: #0B4368;
  color: #FFFFFF;
  border-color: #0B4368;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog.widget-cta-destacado,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog.widget-cta-destacado {
  background: #080B10 !important;
  border: 1px solid rgba(95, 180, 197, 0.35) !important;
  border-radius: 16px !important;
  padding: 2rem 1.6rem !important;
  color: #FFFFFF !important;
  box-shadow: 0 10px 30px rgba(8, 11, 16, 0.3) !important;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog.widget-cta-destacado .titular-widget-blog,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog.widget-cta-destacado .titular-widget-blog {
  color: #FFFFFF !important;
  margin-bottom: 0.85rem;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog.widget-cta-destacado .texto-widget-cta,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog.widget-cta-destacado .texto-widget-cta {
  font-size: 0.88rem;
  color: #CBD5E1 !important;
  line-height: 1.6;
  margin-bottom: 1.35rem;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog.widget-cta-destacado .boton-corporativo,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog.widget-cta-destacado .boton-corporativo {
  width: 100%;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  gap: 0.5rem 0.85rem;
  line-height: 1.25;
  padding-top: 0.25rem;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag {
  text-decoration: none;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  transition: all 0.22s ease;
  display: inline-block;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.escala-5, .seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.peso-xl,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.escala-5,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.peso-xl {
  font-size: 1.85rem;
  color: #0B4368;
  font-weight: 900;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.escala-4, .seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.peso-lg,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.escala-4,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.peso-lg {
  font-size: 1.45rem;
  color: #0E141D;
  font-weight: 800;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.escala-3, .seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.peso-md,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.escala-3,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.peso-md {
  font-size: 0.95rem;
  color: #1E293B;
  font-weight: 700;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.escala-2, .seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.peso-sm,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.escala-2,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.peso-sm {
  font-size: 0.92rem;
  color: #475569;
  font-weight: 600;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.escala-1, .seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.peso-xs,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.escala-1,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.peso-xs {
  font-size: 0.75rem;
  color: #64748B;
  font-weight: 600;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.color-acento,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.color-acento {
  color: #5FB4C5;
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag:hover,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag:hover {
  color: #5FB4C5 !important;
  transform: scale(1.12);
  text-shadow: 0 0 12px rgba(95, 180, 197, 0.4);
}
.seccion-blog-actualidad .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.activo,
.seccion-noticia-detalle .sidebar-blog-editorial .widget-sidebar-blog .nube-palabras-tipografica .palabra-tag.activo {
  color: #5FB4C5 !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.seccion-blog-actualidad .tarjeta-articulo-blog,
.seccion-noticia-detalle .tarjeta-articulo-blog {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 20px;
  padding: 1.15rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}
.seccion-blog-actualidad .tarjeta-articulo-blog:hover,
.seccion-noticia-detalle .tarjeta-articulo-blog:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(11, 67, 104, 0.09);
  border-color: rgba(95, 180, 197, 0.4);
}
.seccion-blog-actualidad .tarjeta-articulo-blog:hover .icono-flecha-card,
.seccion-noticia-detalle .tarjeta-articulo-blog:hover .icono-flecha-card {
  transform: translate(3px, -3px);
  color: #5FB4C5;
}
.seccion-blog-actualidad .tarjeta-articulo-blog:hover .imagen-portada-articulo,
.seccion-noticia-detalle .tarjeta-articulo-blog:hover .imagen-portada-articulo {
  transform: scale(1.035);
}
.seccion-blog-actualidad .tarjeta-articulo-blog:hover .titular-articulo-blog,
.seccion-noticia-detalle .tarjeta-articulo-blog:hover .titular-articulo-blog {
  color: #0B4368;
}
.seccion-blog-actualidad .tarjeta-articulo-blog .contenedor-portada-articulo,
.seccion-noticia-detalle .tarjeta-articulo-blog .contenedor-portada-articulo {
  position: relative;
  width: 100%;
  height: 220px;
  border-radius: 14px;
  overflow: hidden;
  background: #0E141D;
  margin-bottom: 1.25rem;
}
.seccion-blog-actualidad .tarjeta-articulo-blog .contenedor-portada-articulo .imagen-portada-articulo,
.seccion-noticia-detalle .tarjeta-articulo-blog .contenedor-portada-articulo .imagen-portada-articulo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.seccion-blog-actualidad .tarjeta-articulo-blog .contenedor-portada-articulo .badge-destacado-blog,
.seccion-noticia-detalle .tarjeta-articulo-blog .contenedor-portada-articulo .badge-destacado-blog {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: rgba(14, 20, 29, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #FFFFFF;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.35rem 0.8rem;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.seccion-blog-actualidad .tarjeta-articulo-blog .metadatos-superior-articulo,
.seccion-noticia-detalle .tarjeta-articulo-blog .metadatos-superior-articulo {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.78rem;
  color: #64748B;
  margin-bottom: 0.65rem;
  font-weight: 500;
}
.seccion-blog-actualidad .tarjeta-articulo-blog .metadatos-superior-articulo .autor-articulo,
.seccion-noticia-detalle .tarjeta-articulo-blog .metadatos-superior-articulo .autor-articulo {
  font-weight: 600;
  color: #334155;
}
.seccion-blog-actualidad .tarjeta-articulo-blog .metadatos-superior-articulo .separador-meta,
.seccion-noticia-detalle .tarjeta-articulo-blog .metadatos-superior-articulo .separador-meta {
  opacity: 0.6;
}
.seccion-blog-actualidad .tarjeta-articulo-blog .cabecera-titular-articulo,
.seccion-noticia-detalle .tarjeta-articulo-blog .cabecera-titular-articulo {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.65rem;
}
.seccion-blog-actualidad .tarjeta-articulo-blog .cabecera-titular-articulo .titular-articulo-blog,
.seccion-noticia-detalle .tarjeta-articulo-blog .cabecera-titular-articulo .titular-articulo-blog {
  font-size: 0.95rem;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: #0F172A;
  margin: 0;
  transition: color 0.2s ease;
}
.seccion-blog-actualidad .tarjeta-articulo-blog .cabecera-titular-articulo .icono-flecha-card,
.seccion-noticia-detalle .tarjeta-articulo-blog .cabecera-titular-articulo .icono-flecha-card {
  flex-shrink: 0;
  margin-top: 0.2rem;
  color: #64748B;
  transition: all 0.25s ease;
}
.seccion-blog-actualidad .tarjeta-articulo-blog .extracto-articulo-blog,
.seccion-noticia-detalle .tarjeta-articulo-blog .extracto-articulo-blog {
  font-size: 0.88rem;
  line-height: 1.6;
  color: #334155;
  margin-bottom: 1.25rem;
  display: block;
  overflow: visible;
  flex-grow: 1;
}
.seccion-blog-actualidad .tarjeta-articulo-blog .metadatos-inferior-articulo,
.seccion-noticia-detalle .tarjeta-articulo-blog .metadatos-inferior-articulo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(226, 232, 240, 0.6);
  margin-top: auto;
}
.seccion-blog-actualidad .tarjeta-articulo-blog .metadatos-inferior-articulo .grupo-chips-articulo,
.seccion-noticia-detalle .tarjeta-articulo-blog .metadatos-inferior-articulo .grupo-chips-articulo {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.seccion-blog-actualidad .tarjeta-articulo-blog .metadatos-inferior-articulo .grupo-chips-articulo .chip-etiqueta-blog,
.seccion-noticia-detalle .tarjeta-articulo-blog .metadatos-inferior-articulo .grupo-chips-articulo .chip-etiqueta-blog {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.2rem 0.6rem;
  background: transparent;
  color: #64748B;
  border-radius: 50px;
  border: 1px solid rgba(148, 163, 184, 0.3);
}
.seccion-blog-actualidad .tarjeta-articulo-blog .metadatos-inferior-articulo .fecha-publicacion-articulo,
.seccion-noticia-detalle .tarjeta-articulo-blog .metadatos-inferior-articulo .fecha-publicacion-articulo {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  color: #64748B;
  white-space: nowrap;
}
.seccion-blog-actualidad .tarjeta-articulo-blog.articulo-destacado-horizontal,
.seccion-noticia-detalle .tarjeta-articulo-blog.articulo-destacado-horizontal {
  grid-column: span 2;
}
@media (min-width: 992px) {
  .seccion-blog-actualidad .tarjeta-articulo-blog.articulo-destacado-horizontal .contenedor-portada-articulo,
  .seccion-noticia-detalle .tarjeta-articulo-blog.articulo-destacado-horizontal .contenedor-portada-articulo {
    height: 320px;
  }
  .seccion-blog-actualidad .tarjeta-articulo-blog.articulo-destacado-horizontal .titular-articulo-blog,
  .seccion-noticia-detalle .tarjeta-articulo-blog.articulo-destacado-horizontal .titular-articulo-blog {
    font-size: 1.45rem;
  }
}
.seccion-blog-actualidad .paginacion-blog-editorial,
.seccion-noticia-detalle .paginacion-blog-editorial {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 3.5rem;
}
.seccion-blog-actualidad .paginacion-blog-editorial .enlace-paginacion,
.seccion-noticia-detalle .paginacion-blog-editorial .enlace-paginacion {
  min-width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.85rem;
  background: #FFFFFF;
  border: 1.5px solid #E2E8F0;
  border-radius: 50px;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.8rem;
  font-weight: 700;
  color: #0F172A;
  text-decoration: none;
  transition: all 0.2s ease;
}
.seccion-blog-actualidad .paginacion-blog-editorial .enlace-paginacion:hover, .seccion-blog-actualidad .paginacion-blog-editorial .enlace-paginacion.activo,
.seccion-noticia-detalle .paginacion-blog-editorial .enlace-paginacion:hover,
.seccion-noticia-detalle .paginacion-blog-editorial .enlace-paginacion.activo {
  background: #0B4368;
  border-color: #0B4368;
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(11, 67, 104, 0.2);
}

/* FIN SECCIÓN ACTUALIDAD */
/* INICIO SECCIÓN NOTICIA INDIVIDUAL */
.seccion-noticia-detalle {
  padding: 4.5rem 0 6.5rem;
  background-color: #F8FAFC;
  position: relative;
  z-index: 10;
}
.seccion-noticia-detalle .barra-progreso-lectura {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, #5FB4C5, #0B4368);
  width: 0%;
  z-index: 9999;
  transition: width 0.1s ease-out;
}
.seccion-noticia-detalle .articulo-principal-contenido {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 24px;
  padding: 2.5rem;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03);
}
@media (max-width: 768px) {
  .seccion-noticia-detalle .articulo-principal-contenido {
    padding: 1.5rem;
    border-radius: 18px;
  }
}
.seccion-noticia-detalle .articulo-principal-contenido .cabecera-detalle-articulo {
  margin-bottom: 2.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}
.seccion-noticia-detalle .articulo-principal-contenido .cabecera-detalle-articulo .meta-badges-articulo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
.seccion-noticia-detalle .articulo-principal-contenido .cabecera-detalle-articulo .meta-badges-articulo .badge-categoria-noticia {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.3rem 0.85rem;
  background: transparent;
  color: #0B4368;
  border-radius: 50px;
  border: 1px solid rgba(11, 67, 104, 0.25);
}
.seccion-noticia-detalle .articulo-principal-contenido .cabecera-detalle-articulo .meta-badges-articulo .meta-tiempo-lectura {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #64748B;
  font-family: "JetBrains Mono", monospace;
}
.seccion-noticia-detalle .articulo-principal-contenido .cabecera-detalle-articulo .meta-badges-articulo .meta-fecha-publicacion {
  font-size: 0.8rem;
  color: #64748B;
  font-family: "JetBrains Mono", monospace;
  margin-left: auto;
}
@media (max-width: 576px) {
  .seccion-noticia-detalle .articulo-principal-contenido .cabecera-detalle-articulo .meta-badges-articulo .meta-fecha-publicacion {
    margin-left: 0;
    width: 100%;
  }
}
.seccion-noticia-detalle .articulo-principal-contenido .cabecera-detalle-articulo .titular-detalle-noticia {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(1.85rem, 3.2vw, 2.75rem);
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.03em;
  color: #0F172A;
  margin-bottom: 1.25rem;
}
.seccion-noticia-detalle .articulo-principal-contenido .cabecera-detalle-articulo .entradilla-detalle-noticia {
  font-size: clamp(1.05rem, 1.35vw, 1.22rem);
  line-height: 1.65;
  font-weight: 500;
  color: #475569;
  margin: 0;
}
.seccion-noticia-detalle .articulo-principal-contenido .portada-detalle-articulo {
  position: relative;
  width: 100%;
  height: 420px;
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 2.5rem;
  background: #0E141D;
}
@media (max-width: 768px) {
  .seccion-noticia-detalle .articulo-principal-contenido .portada-detalle-articulo {
    height: 260px;
    border-radius: 12px;
  }
}
.seccion-noticia-detalle .articulo-principal-contenido .portada-detalle-articulo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.seccion-noticia-detalle .articulo-principal-contenido .portada-detalle-articulo .pie-foto-portada {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  background: linear-gradient(180deg, transparent 0%, rgba(8, 11, 16, 0.85) 100%);
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.75rem;
  font-family: "JetBrains Mono", monospace;
}
.seccion-noticia-detalle .articulo-principal-contenido .callout-tecnico-destacado {
  background: #0E141D;
  border: 1px solid rgba(95, 180, 197, 0.3);
  border-radius: 16px;
  padding: 1.75rem 2rem;
  margin: 2rem 0;
  color: #E2E8F0;
}
.seccion-noticia-detalle .articulo-principal-contenido .callout-tecnico-destacado .cabecera-callout {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}
.seccion-noticia-detalle .articulo-principal-contenido .callout-tecnico-destacado .cabecera-callout .icono-callout {
  color: #5FB4C5;
}
.seccion-noticia-detalle .articulo-principal-contenido .callout-tecnico-destacado .cabecera-callout .titular-callout {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0;
}
.seccion-noticia-detalle .articulo-principal-contenido .callout-tecnico-destacado p {
  font-size: 0.95rem;
  line-height: 1.65;
  color: #CBD5E1;
  margin-bottom: 0;
}
.seccion-noticia-detalle .articulo-principal-contenido .indice-rapido-noticia {
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-left: 4px solid #5FB4C5;
  border-radius: 14px;
  padding: 1.5rem 1.75rem;
  margin-bottom: 2.75rem;
}
.seccion-noticia-detalle .articulo-principal-contenido .indice-rapido-noticia .titular-indice {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0B4368;
  margin-bottom: 0.85rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.seccion-noticia-detalle .articulo-principal-contenido .indice-rapido-noticia .lista-indice {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.seccion-noticia-detalle .articulo-principal-contenido .indice-rapido-noticia .lista-indice li a {
  color: #334155;
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.2s ease;
}
.seccion-noticia-detalle .articulo-principal-contenido .indice-rapido-noticia .lista-indice li a::before {
  content: "→";
  color: #5FB4C5;
  font-size: 0.85rem;
  transition: transform 0.2s ease;
}
.seccion-noticia-detalle .articulo-principal-contenido .indice-rapido-noticia .lista-indice li a:hover {
  color: #0B4368;
  transform: translateX(3px);
}
.seccion-noticia-detalle .articulo-principal-contenido .indice-rapido-noticia .lista-indice li a:hover::before {
  transform: translateX(2px);
}
.seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia {
  font-size: 1.05rem;
  line-height: 1.8;
  color: #334155;
}
.seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia p {
  margin-bottom: 1.5rem;
}
.seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia h2 {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(1.4rem, 2.2vw, 1.85rem);
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.02em;
  margin-top: 2.75rem;
  margin-bottom: 1.15rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #F1F5F9;
}
.seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia h3 {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #0F172A;
  margin-top: 2rem;
  margin-bottom: 0.85rem;
}
.seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia ul, .seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia ol {
  margin-bottom: 1.75rem;
  padding-left: 1.5rem;
}
.seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia ul li, .seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia ol li {
  margin-bottom: 0.65rem;
  line-height: 1.7;
}
.seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia ul li::marker, .seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia ol li::marker {
  color: #5FB4C5;
  font-weight: 700;
}
.seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia blockquote {
  margin: 2.5rem 0;
  padding: 1.5rem 2rem;
  background: #F8FAFC;
  border-left: 4px solid #0B4368;
  border-radius: 0 16px 16px 0;
  position: relative;
}
.seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia blockquote p {
  font-size: 0.95rem;
  font-style: italic;
  font-weight: 600;
  color: #0B4368;
  line-height: 1.6;
  margin-bottom: 0.5rem;
}
.seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia blockquote cite {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #64748B;
  font-style: normal;
}
.seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia .tabla-editorial-contenedor {
  overflow-x: auto;
  margin: 2.25rem 0;
  border-radius: 12px;
  border: 1px solid #E2E8F0;
}
.seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia .tabla-editorial-contenedor table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
  text-align: left;
}
.seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia .tabla-editorial-contenedor table th {
  background: #F8FAFC;
  padding: 1rem 1.25rem;
  font-family: "JetBrains Mono", monospace;
  font-weight: 700;
  color: #0F172A;
  border-bottom: 2px solid #E2E8F0;
  white-space: nowrap;
}
.seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia .tabla-editorial-contenedor table td {
  padding: 0.9rem 1.25rem;
  border-bottom: 1px solid #E2E8F0;
  color: #475569;
}
.seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia .tabla-editorial-contenedor table tr:last-child td {
  border-bottom: none;
}
.seccion-noticia-detalle .articulo-principal-contenido .cuerpo-editorial-noticia .tabla-editorial-contenedor table tr:hover td {
  background: #FAFAFC;
}
.seccion-noticia-detalle .articulo-principal-contenido .pie-detalle-articulo {
  margin-top: 3.5rem;
  padding-top: 2rem;
  border-top: 1px solid #E2E8F0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.seccion-noticia-detalle .articulo-principal-contenido .pie-detalle-articulo .tags-detalle-noticia {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.seccion-noticia-detalle .articulo-principal-contenido .pie-detalle-articulo .tags-detalle-noticia .etiqueta-intro-tags {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.75rem;
  font-weight: 700;
  color: #64748B;
  margin-right: 0.25rem;
}
.seccion-noticia-detalle .articulo-principal-contenido .pie-detalle-articulo .tags-detalle-noticia .tag-noticia-item {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.25rem 0.75rem;
  background: transparent;
  color: #64748B;
  border-radius: 50px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  transition: all 0.2s ease;
}
.seccion-noticia-detalle .articulo-principal-contenido .pie-detalle-articulo .tags-detalle-noticia .tag-noticia-item:hover {
  background: #0B4368;
  color: #FFFFFF;
  border-color: #0B4368;
}
.seccion-noticia-detalle .articulo-principal-contenido .pie-detalle-articulo .compartir-redes-noticia {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.seccion-noticia-detalle .articulo-principal-contenido .pie-detalle-articulo .compartir-redes-noticia .label-compartir {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.75rem;
  font-weight: 700;
  color: #64748B;
  margin-right: 0.25rem;
}
.seccion-noticia-detalle .articulo-principal-contenido .pie-detalle-articulo .compartir-redes-noticia .boton-compartir {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  color: #475569;
  text-decoration: none;
  transition: all 0.2s ease;
}
.seccion-noticia-detalle .articulo-principal-contenido .pie-detalle-articulo .compartir-redes-noticia .boton-compartir:hover {
  background: #0B4368;
  color: #FFFFFF;
  border-color: #0B4368;
  transform: translateY(-2px);
}
.seccion-noticia-detalle .articulo-principal-contenido .caja-autor-articulo {
  margin-top: 3rem;
  padding: 2rem;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 18px;
  display: flex;
  align-items: center;
  gap: 1.75rem;
}
@media (max-width: 576px) {
  .seccion-noticia-detalle .articulo-principal-contenido .caja-autor-articulo {
    flex-direction: column;
    text-align: center;
  }
}
.seccion-noticia-detalle .articulo-principal-contenido .caja-autor-articulo .avatar-autor {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 2px solid #5FB4C5;
}
.seccion-noticia-detalle .articulo-principal-contenido .caja-autor-articulo .avatar-autor img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.seccion-noticia-detalle .articulo-principal-contenido .caja-autor-articulo .info-autor .nombre-autor {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.95rem;
  font-weight: 800;
  color: #0F172A;
  margin-bottom: 0.25rem;
}
.seccion-noticia-detalle .articulo-principal-contenido .caja-autor-articulo .info-autor .cargo-autor {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.78rem;
  font-weight: 700;
  color: #0B4368;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.65rem;
  display: block;
}
.seccion-noticia-detalle .articulo-principal-contenido .caja-autor-articulo .info-autor .bio-autor {
  font-size: 0.88rem;
  line-height: 1.55;
  color: #475569;
  margin: 0;
}
.seccion-noticia-detalle .seccion-articulos-relacionados {
  margin-top: 4.5rem;
  padding-top: 3rem;
  border-top: 1px solid #E2E8F0;
}
.seccion-noticia-detalle .seccion-articulos-relacionados .titular-relacionados {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.6rem;
  font-weight: 800;
  color: #0F172A;
  letter-spacing: -0.02em;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.seccion-noticia-detalle .seccion-articulos-relacionados .titular-relacionados a {
  font-size: 0.85rem;
  font-family: "JetBrains Mono", monospace;
  font-weight: 700;
  color: #0B4368;
  text-decoration: none;
}
.seccion-noticia-detalle .seccion-articulos-relacionados .titular-relacionados a:hover {
  color: #5FB4C5;
}

/* FIN SECCIÓN NOTICIA INDIVIDUAL */
/* INICIO SECCIÓN CONTACTO */
.seccion-contacto-axiom {
  padding: 5.5rem 0 6.5rem;
  position: relative;
  z-index: 20;
  background-color: #F8FAFC;
  box-shadow: 0 -20px 40px rgba(0, 0, 0, 0.4);
}
.seccion-contacto-axiom .titular-contacto-editorial {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(2.4rem, 4.2vw, 3.8rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.035em;
  color: #0F172A;
  margin-bottom: 1.5rem;
}
.seccion-contacto-axiom .titular-contacto-editorial .texto-destacado-contacto {
  display: block;
  color: #0B4368;
  background: linear-gradient(135deg, #0B4368 0%, #0284C7 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.seccion-contacto-axiom .descripcion-contacto-editorial {
  font-size: 1.05rem;
  line-height: 1.6;
  color: #334155;
  margin-bottom: 2.75rem;
  max-width: 480px;
}
.seccion-contacto-axiom .tabla-canales-contacto {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.5rem;
}
.seccion-contacto-axiom .tabla-canales-contacto .fila-canal-contacto {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.1rem 0;
  border-bottom: 1px solid #E2E8F0;
}
.seccion-contacto-axiom .tabla-canales-contacto .fila-canal-contacto:first-child {
  border-top: 1px solid #E2E8F0;
}
.seccion-contacto-axiom .tabla-canales-contacto .fila-canal-contacto .etiqueta-canal {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #64748B;
  min-width: 110px;
}
.seccion-contacto-axiom .tabla-canales-contacto .fila-canal-contacto .valor-canal {
  font-family: "JetBrains Mono", monospace;
  font-size: 0.95rem;
  font-weight: 600;
  color: #0F172A;
  text-decoration: none;
  transition: color 0.2s ease;
}
.seccion-contacto-axiom .tabla-canales-contacto .fila-canal-contacto .valor-canal:hover {
  color: #5FB4C5;
}
.seccion-contacto-axiom .tabla-canales-contacto .fila-canal-contacto .valor-canal.estado-atencion {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #059669;
  font-size: 0.85rem;
}
.seccion-contacto-axiom .tabla-canales-contacto .fila-canal-contacto .valor-canal.estado-atencion .punto-estado-contacto {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #10B981;
  box-shadow: 0 0 8px #10B981;
}
.seccion-contacto-axiom {
  /* FORMULARIO DIRECTO SOBRE EL FONDO (SIN CARD) */
}
.seccion-contacto-axiom .panel-formulario-contacto {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}
.seccion-contacto-axiom .panel-formulario-contacto .cabecera-panel-form {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
.seccion-contacto-axiom .panel-formulario-contacto .cabecera-panel-form .punto-acento-form {
  width: 10px;
  height: 10px;
  background-color: #5FB4C5;
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(95, 180, 197, 0.6);
}
.seccion-contacto-axiom .panel-formulario-contacto .cabecera-panel-form .titular-panel-form {
  font-size: 1.85rem;
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #0F172A;
  margin: 0;
}
.seccion-contacto-axiom .panel-formulario-contacto {
  /* SELECTOR DE TIPO DE CONSULTA (CHIPS / SEGMENTOS) */
}
.seccion-contacto-axiom .panel-formulario-contacto .grupo-tipo-consulta {
  margin-bottom: 2rem;
}
.seccion-contacto-axiom .panel-formulario-contacto .grupo-tipo-consulta .etiqueta-grupo-tipo {
  display: block;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #64748B;
  margin-bottom: 0.85rem;
}
.seccion-contacto-axiom .panel-formulario-contacto .grupo-tipo-consulta .opciones-chips-consulta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}
.seccion-contacto-axiom .panel-formulario-contacto .grupo-tipo-consulta .opciones-chips-consulta .chip-opcion {
  position: relative;
  cursor: pointer;
  user-select: none;
}
.seccion-contacto-axiom .panel-formulario-contacto .grupo-tipo-consulta .opciones-chips-consulta .chip-opcion input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.seccion-contacto-axiom .panel-formulario-contacto .grupo-tipo-consulta .opciones-chips-consulta .chip-opcion .texto-chip {
  display: inline-block;
  padding: 0.55rem 1.25rem;
  background: #FFFFFF;
  border: 1.5px solid #E2E8F0;
  border-radius: 50px;
  font-size: 0.8rem;
  font-weight: 700;
  color: #0F172A;
  box-shadow: 0 2px 4px rgba(15, 23, 42, 0.02);
  transition: all 0.22s ease;
}
.seccion-contacto-axiom .panel-formulario-contacto .grupo-tipo-consulta .opciones-chips-consulta .chip-opcion input[type=radio]:checked + .texto-chip {
  background: #0B4368;
  border-color: #0B4368;
  color: #FFFFFF;
  box-shadow: 0 4px 14px rgba(11, 67, 104, 0.25);
}
.seccion-contacto-axiom .panel-formulario-contacto .grupo-tipo-consulta .opciones-chips-consulta .chip-opcion:hover input[type=radio]:not(:checked) + .texto-chip {
  border-color: #0B4368;
  color: #0B4368;
}
.seccion-contacto-axiom .panel-formulario-contacto {
  /* SECCIONES Y CAMPOS DEL FORMULARIO */
}
.seccion-contacto-axiom .panel-formulario-contacto .campo-control-contacto {
  width: 100%;
  background: #FFFFFF;
  border: 1.5px solid #E2E8F0;
  border-radius: 10px;
  padding: 0.95rem 1.35rem;
  font-size: 0.95rem;
  color: #0F172A;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.02);
  transition: all 0.2s ease;
}
.seccion-contacto-axiom .panel-formulario-contacto .campo-control-contacto::placeholder {
  color: #94A3B8;
}
.seccion-contacto-axiom .panel-formulario-contacto .campo-control-contacto:focus {
  outline: none;
  background: #FFFFFF;
  border-color: #5FB4C5;
  box-shadow: 0 0 0 3px rgba(95, 180, 197, 0.18);
}
.seccion-contacto-axiom .panel-formulario-contacto textarea.campo-control-contacto {
  min-height: 120px;
  border-radius: 12px;
  resize: vertical;
}
.seccion-contacto-axiom .panel-formulario-contacto .bloque-recaptcha-contacto {
  margin-top: 1.5rem;
  display: flex;
  justify-content: flex-start;
}
.seccion-contacto-axiom .panel-formulario-contacto .bloque-recaptcha-contacto .recaptcha-placeholder-mock {
  display: inline-flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.75rem 1.25rem;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.82rem;
  color: #334155;
}
.seccion-contacto-axiom .panel-formulario-contacto .bloque-recaptcha-contacto .recaptcha-placeholder-mock .check-mock-box {
  width: 22px;
  height: 22px;
  border: 2px solid #CBD5E1;
  border-radius: 4px;
  background: #FFFFFF;
}
.seccion-contacto-axiom .panel-formulario-contacto .bloque-recaptcha-contacto .recaptcha-placeholder-mock .texto-mock-captcha {
  font-weight: 500;
}
.seccion-contacto-axiom .panel-formulario-contacto .bloque-recaptcha-contacto .recaptcha-placeholder-mock .logo-recaptcha-svg {
  margin-left: 1.25rem;
  color: #94A3B8;
}
.seccion-contacto-axiom .panel-formulario-contacto .grupo-check-legal {
  margin-top: 1.25rem;
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
}
.seccion-contacto-axiom .panel-formulario-contacto .grupo-check-legal .input-check-legal {
  width: 17px;
  height: 17px;
  margin-top: 0.15rem;
  border-radius: 4px;
  border: 1px solid #CBD5E1;
  accent-color: #0B4368;
  cursor: pointer;
  flex-shrink: 0;
}
.seccion-contacto-axiom .panel-formulario-contacto .grupo-check-legal .texto-check-legal {
  font-size: 0.82rem;
  line-height: 1.5;
  color: #334155;
  cursor: pointer;
}
.seccion-contacto-axiom .panel-formulario-contacto .grupo-check-legal .texto-check-legal a {
  color: #0B4368;
  text-decoration: underline;
  font-weight: 600;
  transition: color 0.2s ease;
}
.seccion-contacto-axiom .panel-formulario-contacto .grupo-check-legal .texto-check-legal a:hover {
  color: #5FB4C5;
}
.seccion-contacto-axiom .panel-formulario-contacto .boton-envio-contacto {
  width: 100%;
  margin-top: 1.75rem;
  padding: 1rem 2.25rem;
  background: #0B4368;
  border: 1.5px solid #0B4368;
  border-radius: 50px !important;
  color: #FFFFFF;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(11, 67, 104, 0.25);
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}
.seccion-contacto-axiom .panel-formulario-contacto .boton-envio-contacto svg {
  transition: transform 0.25s ease;
}
.seccion-contacto-axiom .panel-formulario-contacto .boton-envio-contacto:hover {
  background: #080B10;
  border-color: #080B10;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(8, 11, 16, 0.35);
}
.seccion-contacto-axiom .panel-formulario-contacto .boton-envio-contacto:hover svg {
  transform: translate(2px, -2px);
}
.seccion-contacto-axiom .panel-formulario-contacto .nota-privacidad-form {
  font-size: 0.76rem;
  color: #64748B;
  line-height: 1.5;
  margin-top: 1.25rem;
  margin-bottom: 0;
  text-align: center;
}

/* ESTILOS DEL BLOQUE MAPA LEAFLET DE ANCHO COMPLETO */
.seccion-mapa-instalaciones {
  position: relative;
  z-index: 20;
  width: 100%;
  background-color: #080B10;
  border-top: 1px solid #E2E8F0;
  overflow: hidden;
}
.seccion-mapa-instalaciones .contenedor-mapa-leaflet {
  width: 100%;
  height: 520px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .seccion-mapa-instalaciones .contenedor-mapa-leaflet {
    height: 400px;
  }
}
.seccion-mapa-instalaciones {
  /* TARJETA FLOTANTE DE INFORMACIÓN DE SEDE SOBRE EL MAPA */
}
.seccion-mapa-instalaciones .tarjeta-flotante-mapa {
  position: absolute;
  top: 2.5rem;
  left: 4rem;
  z-index: 500;
  max-width: 380px;
  background: rgba(14, 20, 29, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 1.75rem;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6);
  color: #F1F5F9;
}
@media (max-width: 991px) {
  .seccion-mapa-instalaciones .tarjeta-flotante-mapa {
    position: relative;
    top: 0;
    left: 0;
    max-width: 100%;
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
}
.seccion-mapa-instalaciones .tarjeta-flotante-mapa .etiqueta-tarjeta-mapa {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #5FB4C5;
  margin-bottom: 0.65rem;
}
.seccion-mapa-instalaciones .tarjeta-flotante-mapa .etiqueta-tarjeta-mapa .punto-sede {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #5FB4C5;
  box-shadow: 0 0 8px #5FB4C5;
}
.seccion-mapa-instalaciones .tarjeta-flotante-mapa .titular-tarjeta-mapa {
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}
.seccion-mapa-instalaciones .tarjeta-flotante-mapa .direccion-tarjeta-mapa {
  color: #94A3B8;
  font-size: 0.88rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
}
.seccion-mapa-instalaciones .tarjeta-flotante-mapa .enlace-ruta-mapa {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 1.1rem;
  background: #0B4368;
  border: 1px solid rgba(95, 180, 197, 0.4);
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.25s ease;
}
.seccion-mapa-instalaciones .tarjeta-flotante-mapa .enlace-ruta-mapa:hover {
  background: #5FB4C5;
  color: #080B10;
  border-color: #5FB4C5;
  box-shadow: 0 0 15px rgba(95, 180, 197, 0.4);
}
.seccion-mapa-instalaciones {
  /* ESTILIZACIÓN CROMÁTICA DARK TECH / PORSCHE DEL MAPA (SIN API KEY) */
}
.seccion-mapa-instalaciones .leaflet-tile-pane {
  filter: brightness(0.62) invert(1) contrast(3) hue-rotate(198deg) saturate(0.28);
  -webkit-filter: brightness(0.62) invert(1) contrast(3) hue-rotate(198deg) saturate(0.28);
}
.seccion-mapa-instalaciones {
  /* DEGRADADO AMBIENTE SUPERPUESTO PARA INTEGRAR EL MAPA CON EL CANVAS */
}
.seccion-mapa-instalaciones::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 400;
  pointer-events: none;
  background: radial-gradient(ellipse 85% 70% at 50% 50%, transparent 30%, rgba(8, 11, 16, 0.4) 70%, rgba(8, 11, 16, 0.85) 100%);
}
.seccion-mapa-instalaciones {
  /* CONTROLES DE ZOOM CON ESTÉTICA DARK TECH */
}
.seccion-mapa-instalaciones .leaflet-control-zoom {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
  margin-right: 2rem !important;
  margin-bottom: 2rem !important;
}
.seccion-mapa-instalaciones .leaflet-control-zoom a {
  background-color: rgba(14, 20, 29, 0.9) !important;
  color: #5FB4C5 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(8px);
  transition: all 0.2s ease;
}
.seccion-mapa-instalaciones .leaflet-control-zoom a:hover {
  background-color: #0B4368 !important;
  color: #FFFFFF !important;
}
.seccion-mapa-instalaciones .leaflet-control-attribution {
  background: rgba(8, 11, 16, 0.75) !important;
  color: #64748B !important;
  font-size: 0.65rem;
  font-family: "JetBrains Mono", monospace;
  backdrop-filter: blur(6px);
  border-top-left-radius: 6px;
}
.seccion-mapa-instalaciones .leaflet-control-attribution a {
  color: #94A3B8 !important;
}
.seccion-mapa-instalaciones {
  /* POPUP PERSONALIZADO DE LEAFLET */
}
.seccion-mapa-instalaciones .leaflet-popup-content-wrapper {
  background: rgba(14, 20, 29, 0.95);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(95, 180, 197, 0.45);
  border-radius: 8px;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.75);
  color: #F1F5F9;
  padding: 0.4rem;
}
.seccion-mapa-instalaciones .leaflet-popup-tip {
  background: #0E141D;
  border: 1px solid rgba(95, 180, 197, 0.45);
}
.seccion-mapa-instalaciones .popup-leaflet-custom {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  padding: 0.4rem;
}
.seccion-mapa-instalaciones .popup-leaflet-custom .nombre-popup {
  font-weight: 800;
  font-size: 0.92rem;
  color: #FFFFFF;
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.seccion-mapa-instalaciones .popup-leaflet-custom .nombre-popup .icono-pin-popup {
  color: #5FB4C5;
}
.seccion-mapa-instalaciones .popup-leaflet-custom .texto-popup {
  color: #94A3B8;
  font-size: 0.78rem;
  line-height: 1.4;
  margin: 0;
}

/* FIN SECCIÓN CONTACTO */
/* FIN BLOQUE SECCIONES DE PÁGINAS ESPECÍFICAS */
/* --------------------------------------------------------------------------
   SISTEMA CORPORATIVO DE ENTRADAS Y ANIMACIONES (SYM REVEAL & MOTION)
   -------------------------------------------------------------------------- */
/* INICIO SISTEMA DE ANIMACIONES Y ENTRADAS REVEAL */
@keyframes entradaHeroFondo {
  0% {
    opacity: 0;
    transform: scale(1.04);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes entradaGradualArriba {
  0% {
    opacity: 0;
    transform: translateY(28px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pulsoHaloCian {
  0%, 100% {
    opacity: 0.45;
    transform: scale(1);
  }
  50% {
    opacity: 0.85;
    transform: scale(1.12);
  }
}
.seccion-cabecera-pagina .fondo-cabecera-pagina {
  animation: entradaHeroFondo 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.seccion-cabecera-pagina .fondo-cabecera-pagina .destello-focal-cian {
  animation: pulsoHaloCian 7s ease-in-out infinite;
}
.seccion-cabecera-pagina .titular-cabecera-pagina {
  animation: entradaGradualArriba 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;
}
.seccion-cabecera-pagina .migas-de-pan {
  animation: entradaGradualArriba 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0.25s both;
}
.seccion-cabecera-pagina .descripcion-cabecera-pagina {
  animation: entradaGradualArriba 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0.38s both;
}

.sym-reveal {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}
.sym-reveal.reveal-fade {
  transform: none;
}
.sym-reveal.reveal-left {
  transform: translateX(-36px);
}
.sym-reveal.reveal-right {
  transform: translateX(36px);
}
.sym-reveal.reveal-scale {
  transform: scale(0.94) translateY(20px);
}
.sym-reveal.is-revealed {
  opacity: 1;
  transform: translateY(0) translateX(0) scale(1);
}

.sym-reveal-group .sym-reveal-item {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}
.sym-reveal-group.is-revealed .sym-reveal-item {
  opacity: 1;
  transform: translateY(0);
}
.sym-reveal-group.is-revealed .sym-reveal-item:nth-child(1) {
  transition-delay: 0.09s;
}
.sym-reveal-group.is-revealed .sym-reveal-item:nth-child(2) {
  transition-delay: 0.18s;
}
.sym-reveal-group.is-revealed .sym-reveal-item:nth-child(3) {
  transition-delay: 0.27s;
}
.sym-reveal-group.is-revealed .sym-reveal-item:nth-child(4) {
  transition-delay: 0.36s;
}
.sym-reveal-group.is-revealed .sym-reveal-item:nth-child(5) {
  transition-delay: 0.45s;
}
.sym-reveal-group.is-revealed .sym-reveal-item:nth-child(6) {
  transition-delay: 0.54s;
}
.sym-reveal-group.is-revealed .sym-reveal-item:nth-child(7) {
  transition-delay: 0.63s;
}
.sym-reveal-group.is-revealed .sym-reveal-item:nth-child(8) {
  transition-delay: 0.72s;
}
.sym-reveal-group.is-revealed .sym-reveal-item:nth-child(9) {
  transition-delay: 0.81s;
}
.sym-reveal-group.is-revealed .sym-reveal-item:nth-child(10) {
  transition-delay: 0.9s;
}

@media (prefers-reduced-motion: reduce) {
  .seccion-cabecera-pagina .fondo-cabecera-pagina,
  .seccion-cabecera-pagina .titular-cabecera-pagina,
  .seccion-cabecera-pagina .migas-de-pan,
  .seccion-cabecera-pagina .descripcion-cabecera-pagina,
  .seccion-cabecera-pagina .fondo-cabecera-pagina .destello-focal-cian,
  .sym-reveal,
  .sym-reveal-group .sym-reveal-item {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}
/* FIN SISTEMA DE ANIMACIONES Y ENTRADAS REVEAL */
/* ==========================================================================
   SECCIÓN BENEFICIOS DIRECTOS - SHOWCASE SCROLL-DRIVEN STICKY (ESTILO EDITORIAL ADDICT)
   ========================================================================== */
.seccion-beneficios-scroll {
  position: relative;
  background-color: #F8FAFC;
  height: 360vh;
  margin-bottom: 0;
}
.seccion-beneficios-scroll .contenedor-sticky-beneficios {
  position: sticky;
  top: 90px;
  left: 0;
  width: 100%;
  height: calc(100vh - 90px);
  display: flex;
  align-items: stretch;
  overflow: hidden;
  background: #F8FAFC;
  z-index: 10;
}
.seccion-beneficios-scroll .contenedor-grid-beneficios {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.seccion-beneficios-scroll .contenedor-grid-beneficios > .row {
  height: 100%;
  margin: 0 !important;
}
.seccion-beneficios-scroll {
  /* COLUMNA IZQUIERDA EDITORIAL (50% ANCHO CON PADDING EDITORIAL) */
}
.seccion-beneficios-scroll .columna-editorial-beneficios {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-top: clamp(2.5rem, 5vh, 4.5rem) !important;
  padding-bottom: clamp(2.5rem, 5vh, 4rem) !important;
  padding-left: clamp(2.5rem, 6vw, 7rem) !important;
  padding-right: clamp(2rem, 4vw, 5rem) !important;
}
.seccion-beneficios-scroll .columna-editorial-beneficios .cabecera-beneficios-fija {
  margin-bottom: 0.5rem;
}
.seccion-beneficios-scroll .columna-editorial-beneficios .titular-seccion-beneficios {
  font-size: clamp(1.4rem, 1.8vw, 1.85rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #0B4368;
  line-height: 1.25;
  margin-top: 0.35rem;
}
.seccion-beneficios-scroll .columna-editorial-beneficios .titular-seccion-beneficios .texto-acento {
  color: #5FB4C5;
}
.seccion-beneficios-scroll {
  /* STACK DE TEXTOS SECUENCIALES */
}
.seccion-beneficios-scroll .stack-textos-beneficio {
  position: relative;
  flex: 1;
  min-height: 320px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
}
.seccion-beneficios-scroll .item-texto-beneficio {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(calc(-50% + 24px));
  transition: opacity 0.55s cubic-bezier(0.16, 1, 0.3, 1), transform 0.55s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.55s;
}
.seccion-beneficios-scroll .item-texto-beneficio.activo {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%);
}
.seccion-beneficios-scroll .item-texto-beneficio .indicador-numero-beneficio {
  display: flex;
  align-items: baseline;
  gap: 0.45rem;
  margin-bottom: 0.35rem;
}
.seccion-beneficios-scroll .item-texto-beneficio .indicador-numero-beneficio .numero-actual {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(2.8rem, 4.2vw, 4.2rem);
  font-weight: 900;
  line-height: 0.9;
  color: #0F172A;
  letter-spacing: -0.055em;
}
.seccion-beneficios-scroll .item-texto-beneficio .indicador-numero-beneficio .numero-total {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: clamp(1.1rem, 1.4vw, 1.4rem);
  font-weight: 700;
  color: #5FB4C5;
  letter-spacing: -0.02em;
}
.seccion-beneficios-scroll .item-texto-beneficio .etiqueta-categoria-beneficio {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #0B4368;
  margin-bottom: 0.65rem;
}
.seccion-beneficios-scroll .item-texto-beneficio .titular-item-beneficio {
  font-size: clamp(1.95rem, 2.8vw, 2.6rem);
  font-weight: 800;
  color: #0F172A;
  line-height: 1.12;
  letter-spacing: -0.035em;
  margin-bottom: 1.25rem;
}
.seccion-beneficios-scroll .item-texto-beneficio .descripcion-item-beneficio {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #475569;
  margin-bottom: 0;
  max-width: 92%;
}
.seccion-beneficios-scroll {
  /* BARRA DE PROGRESO DE SEGMENTOS CONTINUA (ANCHO EXTENDIDO Y FEEDBACK EN VIVO) */
}
.seccion-beneficios-scroll .barra-progreso-beneficios-nav {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: clamp(280px, 32vw, 420px);
  margin-top: auto;
  padding-top: 1rem;
}
.seccion-beneficios-scroll .barra-progreso-beneficios-nav .segmento-progreso {
  flex: 1;
  height: 4px;
  background-color: #E2E8F0;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
}
.seccion-beneficios-scroll .barra-progreso-beneficios-nav .segmento-progreso:hover {
  transform: scaleY(1.5);
}
.seccion-beneficios-scroll .barra-progreso-beneficios-nav .segmento-progreso .relleno-progreso {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #0B4368 0%, #5FB4C5 100%);
  border-radius: 6px;
  box-shadow: 0 0 8px rgba(95, 180, 197, 0.6);
  transition: width 0.08s linear;
  will-change: width;
}
.seccion-beneficios-scroll .barra-progreso-beneficios-nav .segmento-progreso.completado .relleno-progreso {
  width: 100% !important;
  background: #0B4368;
  box-shadow: none;
}
.seccion-beneficios-scroll {
  /* COLUMNA DERECHA VISUAL: 50% EXACTO PANTALLA COMPLETA (ESTILO ADDICT) */
}
.seccion-beneficios-scroll .columna-visual-beneficios {
  position: relative;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
}
.seccion-beneficios-scroll .marco-visual-beneficios {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0;
  overflow: hidden;
  background-color: #0E141D;
}
.seccion-beneficios-scroll .capa-imagen-beneficio {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.04);
  transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.75s;
}
.seccion-beneficios-scroll .capa-imagen-beneficio.activo {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.seccion-beneficios-scroll .capa-imagen-beneficio .imagen-beneficio-display {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.seccion-beneficios-scroll .capa-imagen-beneficio .velo-degradado-beneficio {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 11, 16, 0.05) 0%, rgba(8, 11, 16, 0.45) 100%);
  pointer-events: none;
}
.seccion-beneficios-scroll .capa-imagen-beneficio .insignia-flotante-beneficio {
  position: absolute;
  bottom: 32px;
  left: 32px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 22px;
  background: rgba(14, 20, 29, 0.82);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50px;
  color: #FFFFFF;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}
.seccion-beneficios-scroll .capa-imagen-beneficio .insignia-flotante-beneficio .icono-insignia {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(95, 180, 197, 0.25);
  color: #5FB4C5;
  font-size: 0.85rem;
  font-weight: bold;
}

/* RESPONSIVE FALLBACK PARA MÓVILES */
@media (max-width: 991.98px) {
  .seccion-beneficios-scroll {
    height: auto !important;
  }
  .seccion-beneficios-scroll .contenedor-sticky-beneficios {
    position: relative !important;
    top: 0 !important;
    height: auto !important;
    padding: 4.5rem 0;
  }
  .seccion-beneficios-scroll .columna-editorial-beneficios {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    margin-bottom: 2.5rem;
  }
  .seccion-beneficios-scroll .stack-textos-beneficio {
    min-height: auto;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    display: block;
  }
  .seccion-beneficios-scroll .item-texto-beneficio {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: none;
  }
  .seccion-beneficios-scroll .item-texto-beneficio.activo {
    display: block !important;
  }
  .seccion-beneficios-scroll .barra-progreso-beneficios-nav {
    margin-top: 1.25rem;
    margin-bottom: 1.5rem;
    gap: 8px;
    max-width: 100%;
  }
  .seccion-beneficios-scroll .barra-progreso-beneficios-nav .segmento-progreso {
    height: 6px;
    border-radius: 4px;
    padding: 6px 0;
    background-clip: content-box;
  }
  .seccion-beneficios-scroll .barra-progreso-beneficios-nav .segmento-progreso.activo .relleno-progreso {
    width: 100% !important;
  }
  .seccion-beneficios-scroll .marco-visual-beneficios {
    height: 280px;
    border-radius: 16px;
    margin: 0;
    touch-action: pan-y;
  }
}
/* FIN SECCIÓN BENEFICIOS DIRECTOS */
/* --------------------------------------------------------------------------
   13. ADAPTACIÓN RESPONSIVE Y MEDIA QUERIES
   -------------------------------------------------------------------------- */
/* INICIO BLOQUE RESPONSIVE Y MEDIA QUERIES */
/* FIN BLOQUE RESPONSIVE Y MEDIA QUERIES */

/*# sourceMappingURL=proyecto.css.map */