/* =============================
   DOCUMENTACIÓN DE CONSOLIDACIÓN
   =============================
   - h1, h2, h3: fuente de verdad global, sin overrides contextuales
   - Duplicados y overrides neutralizados en home.css/services.css/styles.css/layout.css
   - No tocar jerarquía ni márgenes aprobados
   - Legacy comentado: duplicados de headings neutralizados y comentados
*/
/* ============================================
    HEADINGS BASE (fuente de verdad global)
    Solo estilos base para h1, h2, h3
    No incluye overrides contextuales (hero, section-head, SEO, etc.)
    Mantener jerarquía y márgenes aprobados
============================================ */
h1 {
   font-size: clamp(2.2rem, 5vw, 3.2rem);
   line-height: 1.08;
   font-weight: 700;
   margin: 0 0 18px;
   letter-spacing: -0.02em;
}

h2 {
   font-size: clamp(1.6rem, 3.5vw, 2.4rem);
   line-height: 1.12;
   font-weight: 700;
   margin: 0 0 14px;
   letter-spacing: -0.017em;
}

h3 {
   font-size: 1.25rem;
   line-height: 1.18;
   font-weight: 600;
   margin: 0 0 10px;
   letter-spacing: -0.01em;
}
/* Micro-corrección: estilos inline movidos desde index.html */
.centered-title {
   text-align: center;
}
.row-3-mt18 {
   margin-top: 18px;
}

head {
    display: none;
}

body {
   margin: 0;
   font-family: 'Inter', system-ui, sans-serif;
   color: var(--white);
   background: radial-gradient(900px 550px at 15% 0%, rgba(94, 208, 200, .08), transparent 60%), radial-gradient(850px 520px at 85% 25%, rgba(94, 208, 200, .05), transparent 55%), linear-gradient(180deg, var(--navy3) 0%, var(--navy) 50%, #0b1630 100%);   overflow-x: hidden;
   display: block;
}


/* ============================================
   CONTAINER (fuente de verdad única)
   width, max-width, margin y padding lateral global
   No overrides globales en otros CSS
============================================ */
.container {
   width: var(--container);
   margin: 0 auto;
}

.bg-grid {
   position: fixed;
   inset: 0;
   z-index: -2;
   pointer-events: none;
   opacity: .12;
   background-image: linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
   background-size: 48px 48px;
   mask-image: radial-gradient(circle at center, black 32%, transparent 84%);
}

.orb-a {
   width: 420px;
   height: 420px;
   left: -120px;
   top: 90px;
   background: rgba(94, 208, 200, .14);
}

.orb-b {
   width: 360px;
   height: 360px;
   right: -100px;
   bottom: 120px;
   background: rgba(94, 208, 200, .08);
}

.orb {
   position: fixed;
   border-radius: 50%;
   filter: blur(80px);
   z-index: -3;
   pointer-events: none;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format('woff2');
    unicode-range: U +0460 -052F, U +1C80 -1C8A, U +20B4, U +2DE0 -2DFF, U + A640-A69F, U + FE2E-FE2F;
}