/* GaosDev v4: sistema visual global, home, navegacion, footer y adaptador de paginas anteriores. */
:root {
    --papel: #fbfcfd;
    --navy: #1b2b4b;
    --navy-deep: #101c34;
    --azul: #4a90d9;
    --azul-h: #3a7cc4;
    --azul-pl: #a1c5ea;
    --hielo: #eef4fb;
    --linea: #d9e1ec;
    --linea-d: #2a3d5e;
    --gris: #7a8798;
    --gris-dk: #58667a;
    --display: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
    --ga-body: 'Source Sans 3', system-ui, -apple-system, sans-serif;
    --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;
    --wrap: 1140px;
    --pad: clamp(20px, 5vw, 48px);
}

body {
    padding-top: 0;
}

body.ga-lock {
    overflow: hidden;
}

.ga-wrap {
    width: 100%;
    max-width: var(--wrap);
    margin: 0 auto;
    padding-inline: var(--pad);
}

.ga-home {
    overflow: hidden;
    background: var(--papel);
    color: var(--navy);
    font-family: var(--ga-body);
    font-size: 17px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

.ga-home *,
.ga-nav *,
.ga-movil *,
.ga-foot * {
    box-sizing: border-box;
}

.ga-home img,
.ga-home svg,
.ga-nav svg,
.ga-foot svg {
    display: block;
    max-width: 100%;
}

.ga-home h1,
.ga-home h2,
.ga-home h3,
.ga-home h4 {
    margin: 0;
    color: var(--navy);
    font-family: var(--display);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.022em;
}

.ga-home h1 { font-size: clamp(2.1rem, 5.4vw, 3.8rem); }
.ga-home h2 { font-size: clamp(1.75rem, 4vw, 2.7rem); }
.ga-home h3 { font-size: 1.18rem; letter-spacing: -.01em; }
.ga-home p { margin: 0; color: var(--gris-dk); }
.ga-home a { color: inherit; }
.ga-sec { padding-block: clamp(62px, 8.5vw, 120px); }
.ga-eyebrow { display: block; margin-bottom: 18px; color: var(--azul); font-family: var(--mono); font-size: .77rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; }
.ga-lead { max-width: 60ch; margin-top: 22px !important; font-size: clamp(1.04rem, 2vw, 1.22rem); }

/* Navegacion global v4 */
.ga-nav {
    position: sticky;
    top: 0;
    z-index: 1070;
    border-bottom: 1px solid var(--linea);
    background: rgba(251, 252, 253, .92);
    backdrop-filter: blur(12px);
}

.ga-nav-in { display: flex; align-items: center; gap: 26px; height: 70px; }
.ga-brand { display: inline-flex; align-items: center; gap: 11px; color: var(--navy); font-family: var(--display); font-size: 1.14rem; font-weight: 600; letter-spacing: -.02em; text-decoration: none; }
.ga-brand:hover { color: var(--navy); }
.ga-nav-links { display: flex; align-items: center; gap: 17px; margin-left: auto; font-family: var(--ga-body); font-size: .9rem; }
.ga-nav-links > a:not(.ga-btn) { color: var(--gris-dk); text-decoration: none; transition: color .18s; }
.ga-nav-links > a:not(.ga-btn):hover { color: var(--azul); }
.ga-dropdown { position: relative; }
.ga-dropdown-toggle { display: inline-flex; align-items: center; gap: 5px; padding: 10px 0; border: 0; background: transparent; color: var(--gris-dk); font: inherit; cursor: pointer; transition: color .18s; }
.ga-dropdown-toggle:hover,
.ga-dropdown-toggle[aria-expanded='true'] { color: var(--azul); }
.ga-dropdown-toggle span { font-family: var(--mono); font-size: .8rem; transition: transform .18s; }
.ga-dropdown-toggle[aria-expanded='true'] span { transform: rotate(180deg); }
.ga-dropdown-toggle:focus-visible { outline: 2px solid var(--azul); outline-offset: 4px; }
.ga-dropdown-menu { display: none; position: absolute; top: calc(100% + 12px); left: -18px; z-index: 1080; width: 330px; padding: 18px; border: 1px solid var(--linea); border-radius: 4px; background: #fff; box-shadow: 0 24px 60px rgba(16, 28, 52, .14); }
.ga-dropdown-menu::before { position: absolute; right: 0; bottom: 100%; left: 0; height: 14px; content: ''; }
.ga-dropdown.is-open .ga-dropdown-menu,
.ga-dropdown:hover .ga-dropdown-menu { display: grid; }
.ga-dropdown-menu--agents { gap: 3px; }
.ga-dropdown-menu--mega { left: -190px; width: min(820px, calc(100vw - 40px)); grid-template-columns: 1fr 1fr; gap: 18px 28px; }
.ga-dropdown-column { display: grid; align-content: start; gap: 3px; }
.ga-dropdown-featured { display: grid; grid-column: 1 / -1; grid-template-columns: 1fr 1fr; gap: 3px 28px; padding-top: 15px; border-top: 1px solid var(--linea); }
.ga-dropdown-featured .ga-dropdown-label { grid-column: 1 / -1; }
.ga-dropdown-label { display: block; padding: 4px 10px 8px; color: var(--gris); font-family: var(--mono); font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.ga-dropdown-menu a { display: block; padding: 10px; border-radius: 3px; color: var(--navy); text-decoration: none; transition: background .16s, color .16s; }
.ga-dropdown-menu a:hover,
.ga-dropdown-menu a:focus-visible { background: var(--hielo); color: var(--azul-h); outline: none; }
.ga-dropdown-menu strong,
.ga-dropdown-menu small { display: block; }
.ga-dropdown-menu strong { font-family: var(--display); font-size: .91rem; line-height: 1.25; }
.ga-dropdown-menu small { margin-top: 3px; color: var(--gris-dk); font-family: var(--ga-body); font-size: .78rem; line-height: 1.3; }
.ga-burger { display: none; position: relative; width: 44px; height: 44px; margin-left: auto; padding: 0; cursor: pointer; border: 1px solid var(--linea); border-radius: 3px; background: none; }
.ga-burger span { display: block; width: 20px; height: 2px; margin: 4px auto; background: var(--navy); transition: transform .25s, opacity .2s; }
.ga-burger[aria-expanded='true'] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.ga-burger[aria-expanded='true'] span:nth-child(2) { opacity: 0; }
.ga-burger[aria-expanded='true'] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.ga-burger:focus-visible { outline: 3px solid var(--azul); outline-offset: 2px; }
.ga-movil { display: none; position: fixed; inset: 70px 0 0; z-index: 1065; padding: var(--pad); overflow-y: auto; background: var(--papel); }
.ga-movil.is-abierto { display: block; }
.ga-mobile-label { display: block; margin-top: 24px; padding-bottom: 7px; border-bottom: 2px solid var(--navy); color: var(--azul); font-family: var(--mono); font-size: .7rem; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.ga-mobile-label:first-child { margin-top: 0; }
.ga-movil > a:not(.ga-btn) { display: block; padding: 12px 0; border-bottom: 1px solid var(--linea); color: var(--navy); font-family: var(--display); font-size: 1.05rem; font-weight: 600; text-decoration: none; }
.ga-movil .ga-btn { justify-content: center; width: 100%; margin-top: 26px; color: #fff; font-size: 1rem; }

.ga-btn { display: inline-flex; align-items: center; gap: 10px; padding: 15px 26px; cursor: pointer; border: 2px solid transparent; border-radius: 3px; font-family: var(--display); font-size: 1rem; font-weight: 600; line-height: 1.4; text-decoration: none; transition: background .18s, border-color .18s, color .18s; }
.ga-btn:hover { text-decoration: none; }
.ga-btn--sm { padding: 10px 18px; font-size: .9rem; }
.ga-btn--p { background: var(--azul); color: #fff !important; }
.ga-btn--p:hover { background: var(--azul-h); }
.ga-btn--s { border-color: var(--linea); color: var(--navy) !important; }
.ga-btn--s:hover { border-color: var(--azul); color: var(--azul) !important; }
.ga-btn--ghost { border-color: var(--linea-d); color: #fff !important; }
.ga-btn--ghost:hover { border-color: var(--azul); color: var(--azul-pl) !important; }
.ga-btn:focus-visible { outline: 3px solid var(--azul); outline-offset: 3px; }
.ga-cta { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }

/* Home */
.ga-hero { padding-top: clamp(50px, 7vw, 84px); padding-bottom: clamp(50px, 7vw, 80px); }
.ga-hero-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(34px, 5vw, 64px); align-items: center; }
.ga-hero h1 { max-width: 18ch; }
.ga-hero h1 em { color: var(--azul); font-style: normal; }
.ga-lineas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
.ga-linea-tag { padding: 9px 15px; border: 1px solid var(--linea); border-radius: 3px; background: #fff; color: var(--gris-dk); font-family: var(--mono); font-size: .8rem; }

.ga-clientes { border-block: 1px solid var(--linea); background: #fff; }
.ga-sectores { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.ga-sector { padding: 9px 15px; border: 1px solid var(--linea); border-radius: 3px; background: var(--papel); color: var(--gris-dk); font-family: var(--mono); font-size: .79rem; letter-spacing: .04em; }
.ga-casos-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 20px; margin-top: clamp(34px, 4vw, 46px); }
.ga-caso { display: flex; flex-direction: column; padding: clamp(24px, 3vw, 30px); border: 1px solid var(--linea); background: var(--papel); }
.ga-caso-top { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--linea); }
.ga-caso-top img { width: auto; max-height: 30px; }
.ga-caso-tipo { color: var(--azul); font-family: var(--mono); font-size: .7rem; letter-spacing: .12em; text-align: right; text-transform: uppercase; }
.ga-caso h3 { margin-bottom: 12px; font-size: 1.1rem; }
.ga-caso blockquote { margin: auto 0 0; padding-top: 20px; color: var(--navy); font-size: 1rem; }
.ga-caso .ga-quien { display: block; margin-top: 14px; color: var(--gris); font-family: var(--mono); font-size: .73rem; letter-spacing: .06em; text-transform: uppercase; }

.ga-opts { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin-top: clamp(34px, 4vw, 46px); }
.ga-opt { padding: 20px; cursor: pointer; border: 1px solid var(--linea); border-radius: 3px; background: #fff; color: var(--navy); font-family: var(--display); font-size: 1rem; font-weight: 600; line-height: 1.3; text-align: left; transition: border-color .2s, background .2s, transform .2s; }
.ga-opt:hover { border-color: var(--azul-pl); transform: translateY(-2px); }
.ga-opt[aria-selected='true'] { border: 2px solid var(--azul); background: var(--hielo); }
.ga-opt:focus-visible { outline: 3px solid var(--azul); outline-offset: 2px; }
.ga-opt .ga-num { display: block; margin-bottom: 10px; color: var(--azul); font-family: var(--mono); font-size: .7rem; font-weight: 500; letter-spacing: .14em; }
.ga-panel { margin-top: 26px; padding: clamp(24px, 3.5vw, 38px); border: 1px solid var(--linea); border-left: 4px solid var(--azul); background: #fff; }
.ga-panel-top { margin-bottom: 14px; color: var(--azul); font-family: var(--mono); font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; }
.ga-panel h3 { margin-bottom: 14px; font-size: clamp(1.3rem, 2.6vw, 1.75rem); }
.ga-panel p { max-width: 64ch; }
.ga-conecta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.ga-tag { padding: 8px 13px; border: 1px solid var(--linea); border-radius: 3px; background: var(--papel); color: var(--gris-dk); font-family: var(--mono); font-size: .78rem; }

.ga-bloque { margin-top: clamp(40px, 5vw, 58px); padding-top: clamp(30px, 4vw, 44px); border-top: 1px solid var(--linea); }
.ga-bloque:first-of-type { margin-top: clamp(34px, 4vw, 48px); padding-top: 0; border-top: 0; }
.ga-bloque-cab { display: flex; flex-wrap: wrap; align-items: baseline; gap: 16px; margin-bottom: 26px; }
.ga-bloque-cab h3 { font-size: clamp(1.35rem, 2.6vw, 1.7rem); }
.ga-bloque-cab span { color: var(--gris); font-family: var(--mono); font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; }
.ga-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(258px, 1fr)); gap: 18px; }
.ga-card { display: block; padding: clamp(22px, 3vw, 28px); border: 1px solid var(--linea); background: #fff; text-decoration: none; transition: border-color .2s, transform .2s; }
.ga-card:hover { border-color: var(--azul); color: inherit; transform: translateY(-3px); }
.ga-card h4 { margin-bottom: 10px; font-size: 1.1rem; letter-spacing: -.01em; }
.ga-card p { font-size: .96rem; }
.ga-card .ga-mas { display: block; margin-top: 16px; color: var(--azul); font-family: var(--mono); font-size: .78rem; }
.ga-card-kicker { display: block; margin-bottom: 12px; color: var(--azul); font-family: var(--mono); font-size: .69rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.ga-agent-section { border-block: 1px solid #d5e4f4; background: var(--hielo); }
.ga-agent-grid { margin-top: clamp(34px, 4vw, 48px); }
.ga-agent-card { background: rgba(255, 255, 255, .82); }
.ga-tools-section { border-block: 1px solid var(--linea); background: var(--papel); }
.ga-tools-intro { display: flex; align-items: end; justify-content: space-between; gap: 34px; }
.ga-tools-intro > div { max-width: 760px; }
.ga-tools-intro > .ga-btn { flex: 0 0 auto; }
.ga-tools-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(34px, 4vw, 48px); }
.ga-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.ga-chip { padding: 11px 17px; border: 1px solid var(--linea); border-radius: 3px; background: #fff; font-family: var(--mono); font-size: .84rem; }
.ga-pasos { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: clamp(22px, 3vw, 38px); margin-top: clamp(38px, 5vw, 54px); counter-reset: paso; }
.ga-paso { position: relative; padding-top: 56px; counter-increment: paso; }
.ga-paso::before { position: absolute; top: 0; left: 0; width: 44px; padding-top: 14px; border-top: 3px solid var(--azul); color: var(--azul); content: counter(paso, decimal-leading-zero); font-family: var(--mono); font-size: .85rem; font-weight: 600; letter-spacing: .1em; }
.ga-paso h3 { margin-bottom: 12px; }
.ga-paso p { font-size: .98rem; }
.ga-nos { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(34px, 6vw, 74px); align-items: start; }
.ga-list { margin: 26px 0 0; padding: 0; list-style: none; }
.ga-list li { position: relative; margin-bottom: 11px; padding-left: 20px; color: var(--gris-dk); }
.ga-list li::before { position: absolute; top: .62em; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--azul); content: ''; }
.ga-hechos { border: 1px solid var(--linea); background: #fff; }
.ga-hecho { padding: 24px clamp(22px, 3vw, 30px); border-bottom: 1px solid var(--linea); }
.ga-hecho:last-child { border-bottom: 0; }
.ga-hecho .ga-k { display: block; margin-bottom: 5px; font-family: var(--display); font-size: 1.3rem; font-weight: 700; letter-spacing: -.02em; }
.ga-hecho .ga-v { color: var(--gris); font-family: var(--mono); font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.ga-cierre { background: var(--navy-deep); color: #fff; }
.ga-cierre h2 { max-width: 18ch; color: #fff; }
.ga-cierre p { color: #a9bad2; }
.ga-cierre .ga-eyebrow { color: var(--azul-pl); }

/* Red animada del hero */
.ga-red { width: 100%; }
.ga-red .ga-base { fill: none; stroke: var(--linea); stroke-width: 2; }
.ga-red .ga-haz { fill: none; stroke: var(--azul); stroke-width: 3.5; stroke-linecap: round; stroke-dasharray: 10 90; filter: drop-shadow(0 0 5px rgba(74, 144, 217, .8)); animation: ga-pulso 3.6s linear infinite; }
@keyframes ga-pulso { 0% { stroke-dashoffset: 100; opacity: 0; } 4% { opacity: 1; } 30% { stroke-dashoffset: 0; opacity: 1; } 35%, 100% { stroke-dashoffset: 0; opacity: 0; } }
.ga-red .ga-anillo { fill: none; stroke: var(--azul); stroke-width: 2; opacity: 0; transform-box: view-box; transform-origin: 240px 220px; animation: ga-recibe 3.6s ease-out infinite 1s; }
@keyframes ga-recibe { 0% { opacity: .8; transform: scale(.92); } 45%, 100% { opacity: 0; transform: scale(1.4); } }
.ga-red .ga-aro { fill: #fff; stroke: var(--linea); stroke-width: 1.8; }
.ga-red .ga-aro-in { fill: #fff; stroke: var(--azul); stroke-width: 2; }
.ga-red .ga-ico { fill: none; stroke: var(--navy); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ga-red .ga-ico-in { stroke: var(--azul); }
.ga-red .ga-rot { fill: var(--gris-dk); font-family: var(--mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; }
.ga-red .ga-rot-mini { fill: var(--gris); font-family: var(--mono); font-size: 9.5px; letter-spacing: .12em; text-anchor: middle; text-transform: uppercase; }
.ga-red .ga-halo { fill: var(--hielo); }

/* Desfile de clientes */
.ga-desfile { overflow: hidden; padding-block: 30px; border-block: 1px solid var(--linea); background: #fff; }
.ga-desfile-lab { margin-bottom: 22px; color: var(--gris); font-family: var(--mono); font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; }
.ga-pista-caja { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.ga-pista { display: flex; align-items: center; gap: clamp(38px, 5vw, 66px); width: max-content; animation: ga-desfilar 38s linear infinite; }
.ga-pista-caja:hover .ga-pista { animation-play-state: paused; }
.ga-pista img { flex-shrink: 0; width: auto; height: 34px; opacity: .5; filter: grayscale(1); transition: opacity .25s, filter .25s; }
.ga-pista img:hover { opacity: 1; filter: none; }
@keyframes ga-desfilar { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.ga-reveal { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }
.ga-reveal.is-visto { opacity: 1; transform: none; }

/* Footer global v4 */
.ga-foot { padding-block: clamp(44px, 6vw, 64px); border-top: 1px solid var(--linea); background: var(--papel); color: var(--navy); font-family: var(--ga-body); font-size: .93rem; }
.ga-foot-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: clamp(24px, 4vw, 44px); }
.ga-foot h4 { margin: 0 0 16px; color: var(--gris); font-family: var(--mono); font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.ga-foot p { margin: 0; color: var(--gris-dk); }
.ga-foot ul { margin: 0; padding: 0; list-style: none; }
.ga-foot li { margin-bottom: 10px; }
.ga-foot a { color: var(--gris-dk); text-decoration: none; }
.ga-foot a:hover { color: var(--azul); }
.ga-foot .ga-brand { color: var(--navy); }
.ga-newsletter { margin-top: 22px; }
.ga-newsletter label { display: block; margin-bottom: 9px; color: var(--navy); font-family: var(--display); font-size: .9rem; font-weight: 600; }
.ga-newsletter-row { display: flex; gap: 8px; }
.ga-newsletter input { min-width: 0; width: 100%; padding: 10px 12px; border: 1px solid var(--linea); border-radius: 3px; background: #fff; color: var(--navy); font: inherit; }
.ga-newsletter input:focus { border-color: var(--azul); outline: 2px solid rgba(74, 144, 217, .2); }
.ga-newsletter button { flex: 0 0 auto; padding: 10px 14px; border: 0; border-radius: 3px; background: var(--azul); color: #fff; cursor: pointer; }
.ga-newsletter button:disabled { cursor: wait; opacity: .65; }
.ga-newsletter-message { min-height: 1.4em; margin-top: 7px !important; font-size: .82rem; }
.ga-newsletter-message.is-success { color: #16803a; }
.ga-newsletter-message.is-error { color: #b42318; }
.ga-foot-bajo { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 18px; margin-top: clamp(34px, 4vw, 46px); padding-top: 26px; border-top: 1px solid var(--linea); color: var(--gris); font-size: .86rem; }

@media (max-width: 940px) {
    .ga-hero-grid { grid-template-columns: 1fr; }
    .ga-red { max-width: 480px; margin-inline: auto; }
}

@media (max-width: 1050px) {
    .ga-nav-links { display: none; }
    .ga-burger { display: block; }
}

@media (max-width: 880px) {
    .ga-nos { grid-template-columns: 1fr; }
    .ga-foot-grid { grid-template-columns: 1fr 1fr; }
    .ga-tools-intro { align-items: start; flex-direction: column; }
    .ga-tools-grid { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    .ga-foot-grid { grid-template-columns: 1fr; }
    .ga-cta .ga-btn { justify-content: center; width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .ga-home *, .ga-home *::before, .ga-home *::after { animation: none !important; transition: none !important; }
    .ga-reveal { opacity: 1; transform: none; }
    .ga-red .ga-haz { opacity: .85; stroke-dasharray: none; filter: none; }
    .ga-red .ga-anillo { display: none; }
    .ga-pista { width: auto; flex-wrap: wrap; justify-content: center; }
    .ga-pista-caja { -webkit-mask-image: none; mask-image: none; }
    .ga-pista .ga-dup { display: none; }
}

/* --------------------------------------------------------------------------
   Adaptador v4 para paginas anteriores
   Mantiene el markup Bootstrap existente, pero unifica tipografia, superficies,
   espaciado y componentes con el lenguaje visual aprobado para el home.
   -------------------------------------------------------------------------- */

body {
    background: var(--papel);
    color: var(--gris-dk);
    font-family: var(--ga-body);
    font-size: 17px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

main:not(.ga-home):not(.auditor-main) {
    background: var(--papel);
    color: var(--gris-dk);
}

main:not(.ga-home):not(.auditor-main) h1,
main:not(.ga-home):not(.auditor-main) h2,
main:not(.ga-home):not(.auditor-main) h3,
main:not(.ga-home):not(.auditor-main) h4,
main:not(.ga-home):not(.auditor-main) h5,
main:not(.ga-home):not(.auditor-main) h6 {
    color: var(--navy);
    font-family: var(--display);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -.02em;
}

main:not(.ga-home):not(.auditor-main) h1,
main:not(.ga-home):not(.auditor-main) .display-1,
main:not(.ga-home):not(.auditor-main) .display-3,
main:not(.ga-home):not(.auditor-main) .display-4 {
    font-size: clamp(2.15rem, 5vw, 3.65rem);
}

main:not(.ga-home):not(.auditor-main) h2.display-5,
main:not(.ga-home):not(.auditor-main) .display-5,
main:not(.ga-home):not(.auditor-main) .display-6 {
    font-size: clamp(1.72rem, 3.7vw, 2.55rem);
}

main:not(.ga-home):not(.auditor-main) p,
main:not(.ga-home):not(.auditor-main) li {
    color: var(--gris-dk);
}

main:not(.ga-home):not(.auditor-main) .lead {
    font-size: clamp(1.03rem, 1.8vw, 1.2rem);
    line-height: 1.65;
}

main:not(.ga-home):not(.auditor-main) a:not(.btn) {
    text-underline-offset: 3px;
}

.hero-gradient {
    position: relative;
    overflow: hidden;
    padding: clamp(64px, 8vw, 108px) 0;
    border-bottom: 1px solid var(--linea);
    background: var(--papel);
}

.hero-gradient::after {
    inset: auto 0 0;
    height: 1px;
    opacity: 1;
    background: linear-gradient(90deg, transparent, var(--azul-pl), transparent);
    mask-image: none;
}

.hero-gradient .container {
    position: relative;
    z-index: 2;
}

.section-padding {
    padding: clamp(64px, 8vw, 108px) 0;
}

.bg-white {
    background-color: #fff !important;
}

.bg-gray-light,
.bg-light,
.hp-body-bg {
    background-color: var(--papel) !important;
}

.badge-bolt {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: auto;
    min-height: 0;
    padding: 8px 13px !important;
    border: 1px solid var(--linea) !important;
    border-radius: 3px !important;
    background: #fff !important;
    color: var(--azul) !important;
    box-shadow: none !important;
    font-family: var(--mono);
    font-size: .72rem !important;
    font-weight: 600;
    letter-spacing: .11em;
    line-height: 1.35;
    text-transform: uppercase;
}

.card-bolt,
.testimonial-card,
.contact-form-card,
.glass-card,
.glass-card-premium {
    border: 1px solid var(--linea) !important;
    border-radius: 3px !important;
    background: #fff;
    box-shadow: none !important;
}

.card-bolt,
.testimonial-card {
    padding: clamp(22px, 3vw, 30px);
}

.card-bolt,
.testimonial-card,
.glass-card,
.glass-card-premium,
.product-card-wrapper,
.product-visual-box {
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.card-bolt:hover,
.testimonial-card:hover,
.glass-card:hover,
.glass-card-premium:hover,
.product-card-wrapper:hover {
    border-color: var(--azul) !important;
    box-shadow: 0 16px 40px rgba(16, 28, 52, .08) !important;
    transform: translateY(-3px);
}

.product-wordmark {
    display: inline-flex;
    align-items: center;
    color: var(--navy);
    font-family: var(--display);
    font-size: clamp(1.35rem, 2vw, 1.75rem);
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1;
}

.product-wordmark span {
    color: var(--azul);
}

.icon-box,
.icon-box-sm {
    border: 1px solid var(--linea);
    border-radius: 3px !important;
    background: var(--hielo);
    color: var(--azul);
    box-shadow: none !important;
}

.btn-primary-bolt,
main:not(.ga-home):not(.auditor-main) .btn-primary {
    border: 2px solid var(--azul) !important;
    border-radius: 3px !important;
    background: var(--azul) !important;
    color: #fff !important;
    box-shadow: none !important;
    font-family: var(--display);
    font-weight: 600;
    line-height: 1.4;
    transition: background .18s, border-color .18s, color .18s, transform .18s;
}

.btn-primary-bolt:hover,
main:not(.ga-home):not(.auditor-main) .btn-primary:hover {
    border-color: var(--azul-h) !important;
    background: var(--azul-h) !important;
    color: #fff !important;
    transform: translateY(-2px);
}

.btn-outline-bolt,
main:not(.ga-home):not(.auditor-main) .btn-outline-primary {
    border: 2px solid var(--linea) !important;
    border-radius: 3px !important;
    background: transparent !important;
    color: var(--navy) !important;
    box-shadow: none !important;
    font-family: var(--display);
    font-weight: 600;
}

.btn-outline-bolt:hover,
main:not(.ga-home):not(.auditor-main) .btn-outline-primary:hover {
    border-color: var(--azul) !important;
    background: var(--hielo) !important;
    color: var(--azul-h) !important;
}

main:not(.ga-home):not(.auditor-main) .btn.rounded-pill,
main:not(.ga-home):not(.auditor-main) .rounded-4,
main:not(.ga-home):not(.auditor-main) .rounded-5 {
    border-radius: 3px !important;
}

main:not(.ga-home):not(.auditor-main) .rounded-circle {
    border-radius: 50% !important;
}

.form-control-bolt,
main:not(.ga-home):not(.auditor-main) .form-control,
main:not(.ga-home):not(.auditor-main) .form-select {
    width: 100%;
    border: 1px solid var(--linea);
    border-radius: 3px;
    background: #fff;
    color: var(--navy);
    box-shadow: none;
    font-family: var(--ga-body);
}

.form-control-bolt:focus,
main:not(.ga-home):not(.auditor-main) .form-control:focus,
main:not(.ga-home):not(.auditor-main) .form-select:focus {
    border-color: var(--azul);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(74, 144, 217, .14);
    outline: none;
}

.contact-form-card {
    padding: clamp(24px, 4vw, 42px);
}

main:not(.ga-home):not(.auditor-main) hr,
main:not(.ga-home):not(.auditor-main) .border,
main:not(.ga-home):not(.auditor-main) .border-top,
main:not(.ga-home):not(.auditor-main) .border-bottom {
    border-color: var(--linea) !important;
}

main:not(.ga-home):not(.auditor-main) .bg-footer,
main:not(.ga-home):not(.auditor-main) .bg-premium-dark {
    background: var(--navy-deep) !important;
}

main:not(.ga-home):not(.auditor-main) .bg-footer h2,
main:not(.ga-home):not(.auditor-main) .bg-footer h3,
main:not(.ga-home):not(.auditor-main) .bg-footer p,
main:not(.ga-home):not(.auditor-main) .bg-premium-dark h1,
main:not(.ga-home):not(.auditor-main) .bg-premium-dark h2,
main:not(.ga-home):not(.auditor-main) .bg-premium-dark h3,
main:not(.ga-home):not(.auditor-main) .bg-premium-dark p {
    color: #fff;
}

main:not(.ga-home):not(.auditor-main) .btn-light {
    border: 2px solid #fff;
    border-radius: 3px !important;
    background: #fff;
    color: var(--navy) !important;
    font-family: var(--display);
    font-weight: 600;
}

main.blog-post,
main.py-5 {
    padding-block: clamp(56px, 7vw, 92px) !important;
}

main.blog-post > .container,
main.py-5 > .container {
    max-width: 900px;
}

main.blog-post section:not(:first-child) {
    margin-bottom: clamp(34px, 5vw, 58px) !important;
}

main.blog-post ul,
main.blog-post ol,
main.py-5 p {
    line-height: 1.75;
}

main.blog-post li {
    margin-bottom: 9px;
}

main.blog-post > .container > section:first-child {
    padding-block: clamp(32px, 5vw, 64px) !important;
    border-bottom: 1px solid var(--linea);
}

.table,
.accordion-item,
.list-group-item {
    border-color: var(--linea);
    color: var(--gris-dk);
}

@media (max-width: 767.98px) {
    .hero-gradient,
    .section-padding {
        padding-block: 58px;
    }

    .hero-gradient .display-4,
    main:not(.ga-home):not(.auditor-main) h1 {
        font-size: clamp(2rem, 10vw, 2.8rem);
    }

    .card-bolt,
    .testimonial-card,
    .contact-form-card {
        padding: 22px;
    }
}

/* --------------------------------------------------------------------------
   Profundidad visual v4 para landings internas
   El mapa se agrega desde index.php al primer hero de cada pagina interna.
   -------------------------------------------------------------------------- */

.hero-gradient {
    isolation: isolate;
    min-height: min(680px, calc(100vh - 70px));
    display: flex;
    align-items: center;
    background:
        linear-gradient(rgba(74, 144, 217, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(74, 144, 217, .035) 1px, transparent 1px),
        radial-gradient(circle at 82% 45%, rgba(238, 244, 251, .95), transparent 34%),
        var(--papel);
    background-size: 36px 36px, 36px 36px, auto, auto;
}

.hero-gradient .ga-page-flow {
    position: absolute;
    top: 50%;
    right: max(-70px, calc((100vw - 1440px) / 2));
    z-index: 0;
    width: min(47vw, 650px);
    pointer-events: none;
    opacity: .72;
    transform: translateY(-50%);
}

.hero-gradient .ga-page-flow svg {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

main.blog-post,
main.py-5 {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(rgba(74, 144, 217, .028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(74, 144, 217, .028) 1px, transparent 1px),
        var(--papel);
    background-size: 42px 42px, 42px 42px, auto;
}

.ga-page-flow--backdrop {
    position: absolute;
    top: 36px;
    right: -120px;
    z-index: -1;
    width: min(48vw, 640px);
    pointer-events: none;
    opacity: .14;
}

.ga-page-flow--backdrop svg {
    display: block;
    width: 100%;
    height: auto;
}

.hero-gradient:has(> .container.text-center) .ga-page-flow {
    right: -90px;
    width: min(42vw, 590px);
    opacity: .28;
    transform: translateY(-50%) scale(.94);
}

.hero-gradient:has(> .container.text-center) > .container {
    max-width: 920px;
}

.ga-page-flow-grid {
    fill: none;
    stroke: var(--linea);
    stroke-width: 1;
    opacity: .42;
}

.ga-page-flow-base,
.ga-page-flow-pulse {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ga-page-flow-base {
    stroke: var(--linea);
    stroke-width: 2.2;
}

.ga-page-flow-pulse {
    stroke: var(--azul);
    stroke-width: 3.5;
    stroke-dasharray: 14 118;
    filter: drop-shadow(0 0 5px rgba(74, 144, 217, .55));
    animation: ga-page-pulse 4.5s linear infinite;
}

.ga-page-flow-pulse-b { animation-delay: -2.25s; }

.ga-page-flow-halo {
    fill: var(--hielo);
    stroke: var(--azul-pl);
    stroke-width: 1;
    opacity: .72;
}

.ga-page-flow-node circle:first-child {
    fill: #fff;
    stroke: var(--linea);
    stroke-width: 2;
}

.ga-page-flow-node circle:last-child { fill: var(--azul); }
.ga-page-flow-node--main circle:first-child { stroke: var(--azul); }
.ga-page-flow text {
    fill: var(--gris);
    font-family: var(--mono);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .13em;
    text-anchor: middle;
}
.ga-page-flow .ga-page-flow-label--main { fill: var(--azul); }

@keyframes ga-page-pulse {
    to { stroke-dashoffset: -264; }
}

main:not(.ga-home):not(.auditor-main) > .section-padding,
main:not(.ga-home):not(.auditor-main) > section.section-padding {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-bottom: 1px solid var(--linea);
}

main:not(.ga-home):not(.auditor-main) > .section-padding::before,
main:not(.ga-home):not(.auditor-main) > section.section-padding::before {
    position: absolute;
    top: 0;
    left: max(24px, calc((100% - var(--wrap)) / 2));
    z-index: -1;
    width: 86px;
    height: 3px;
    background: var(--azul);
    content: '';
}

main:not(.ga-home):not(.auditor-main) .text-center > h2::after,
main:not(.ga-home):not(.auditor-main) .text-center > .display-5::after,
main:not(.ga-home):not(.auditor-main) .text-center > .display-6::after {
    display: block;
    width: 64px;
    height: 3px;
    margin: 22px auto 0;
    background: linear-gradient(90deg, var(--azul), var(--azul-pl));
    content: '';
}

.card-bolt,
.testimonial-card,
.product-card-wrapper,
.tool-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.card-bolt::before,
.testimonial-card::before,
.product-card-wrapper::before,
.tool-card::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--azul) 0 18%, var(--linea) 18% 82%, transparent 82%);
    content: '';
}

.card-bolt::after,
.testimonial-card::after,
.product-card-wrapper::after,
.tool-card::after {
    position: absolute;
    top: -4px;
    right: 17%;
    z-index: 2;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: var(--azul);
    box-shadow: 0 0 0 1px var(--azul-pl);
    content: '';
}

main:not(.ga-home):not(.auditor-main) .card-bolt {
    box-shadow: 0 14px 36px rgba(16, 28, 52, .055) !important;
}

main:not(.ga-home):not(.auditor-main) .card-bolt:hover {
    box-shadow: 0 22px 52px rgba(16, 28, 52, .11) !important;
}

main:not(.ga-home):not(.auditor-main) .card-bolt .icon-box,
main:not(.ga-home):not(.auditor-main) .card-bolt .icon-box-sm {
    position: relative;
}

main:not(.ga-home):not(.auditor-main) .card-bolt .icon-box::after,
main:not(.ga-home):not(.auditor-main) .card-bolt .icon-box-sm::after {
    position: absolute;
    right: -13px;
    width: 13px;
    height: 1px;
    background: var(--azul-pl);
    content: '';
}

main:not(.ga-home):not(.auditor-main) .card-bolt ul li:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(217, 225, 236, .7);
}

main:not(.ga-home):not(.auditor-main) > section.py-5:last-child {
    position: relative;
    overflow: hidden;
    padding-block: clamp(64px, 8vw, 92px) !important;
    border-top: 1px solid var(--linea-d);
    background:
        radial-gradient(circle at 85% 50%, rgba(74, 144, 217, .2), transparent 28%),
        linear-gradient(135deg, var(--navy-deep), #172846) !important;
}

main:not(.ga-home):not(.auditor-main) > section.py-5:last-child h2,
main:not(.ga-home):not(.auditor-main) > section.py-5:last-child h3,
main:not(.ga-home):not(.auditor-main) > section.py-5:last-child p,
main:not(.ga-home):not(.auditor-main) > section.py-5:last-child li {
    color: #fff !important;
}

main:not(.ga-home):not(.auditor-main) > section.py-5:last-child .card-bolt {
    border-color: var(--linea-d) !important;
    background: rgba(255, 255, 255, .06) !important;
    backdrop-filter: blur(8px);
}

main.blog-post > .container,
main.py-5 > .container {
    position: relative;
    z-index: 1;
    padding: clamp(28px, 5vw, 60px);
    border: 1px solid var(--linea);
    background: #fff;
    box-shadow: 0 20px 55px rgba(16, 28, 52, .06);
}

main.blog-post > .container::before,
main.py-5 > .container::before {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 110px;
    height: 4px;
    background: var(--azul);
    content: '';
}

main.blog-post section.bg-light,
main.blog-post section.text-center {
    border: 1px solid var(--linea);
    border-radius: 3px !important;
    background: var(--hielo) !important;
}

@media (max-width: 991.98px) {
    .hero-gradient { min-height: auto; }
    .hero-gradient .ga-page-flow {
        right: -130px;
        width: 560px;
        opacity: .2;
    }
}

@media (max-width: 767.98px) {
    .hero-gradient .ga-page-flow {
        top: 48%;
        right: -245px;
        width: 510px;
        opacity: .16;
    }

    .ga-page-flow--backdrop {
        top: 18px;
        right: -260px;
        width: 520px;
        opacity: .1;
    }

    main.blog-post > .container,
    main.py-5 > .container {
        padding: 24px 20px;
        border-inline: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ga-page-flow-pulse { animation: none; stroke-dasharray: none; opacity: .55; }
}

/* ────────────────────────────────────────────────────────────────────────────
   Páginas internas v4 — markup nativo sin Bootstrap grid
   ──────────────────────────────────────────────────────────────────────────── */

main.ga-page {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(rgba(74, 144, 217, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(74, 144, 217, .025) 1px, transparent 1px),
        var(--papel);
    background-size: 38px 38px, 38px 38px, auto;
}

.ga-page-hero {
    padding-block: clamp(60px, 8vw, 100px);
    border-bottom: 1px solid var(--linea);
}
.ga-page-hero h1 {
    max-width: 22ch;
    font-size: clamp(2.1rem, 4.6vw, 3.3rem);
    letter-spacing: -.025em;
    line-height: 1.1;
}

main.ga-page h2 {
    font-size: clamp(1.68rem, 3.5vw, 2.5rem);
    letter-spacing: -.022em;
    line-height: 1.12;
}
main.ga-page h3 { font-size: clamp(1.1rem, 2vw, 1.32rem); }

.ga-sec--white { background: #fff; }
.ga-sec--hi { background: var(--hielo); }

.ga-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(32px, 5vw, 64px);
    align-items: center;
}
.ga-2col--top { align-items: start; }

.ga-ico-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 16px;
    border: 1px solid var(--linea);
    border-radius: 3px;
    background: var(--hielo);
    color: var(--azul);
    font-size: 1rem;
}

.ga-stats-row {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--linea);
}
.ga-stat-item strong {
    display: block;
    color: var(--navy);
    font-family: var(--display);
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1;
}
.ga-stat-item span {
    color: var(--gris);
    font-family: var(--mono);
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ga-sist-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(186px, 1fr));
    gap: 10px;
    margin-top: clamp(28px, 4vw, 44px);
}
.ga-sist {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--linea);
    background: #fff;
    transition: border-color .18s;
}
.ga-sist:hover { border-color: var(--azul); }
.ga-sist-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 3px;
    background: var(--hielo);
    color: var(--azul);
    font-size: .9rem;
}
.ga-sist strong {
    display: block;
    color: var(--navy);
    font-family: var(--display);
    font-size: .87rem;
    font-weight: 600;
    line-height: 1.2;
}
.ga-sist small {
    color: var(--gris);
    font-family: var(--mono);
    font-size: .69rem;
    letter-spacing: .04em;
}

.ga-highlights {
    padding: clamp(22px, 3vw, 32px);
    border: 1px solid var(--linea);
    background: #fff;
}
.ga-highlights h3 { margin-bottom: 20px; font-size: 1.05rem !important; }
.ga-highlights ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ga-highlights li {
    position: relative;
    padding-left: 18px;
    color: var(--gris-dk);
    font-size: .95rem;
}
.ga-highlights li::before {
    position: absolute;
    top: .56em;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--azul);
    content: '';
}

.ga-chat {
    padding: clamp(20px, 3vw, 28px);
    border: 1px solid var(--linea);
    background: #fff;
}
.ga-chat-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--linea);
}
.ga-chat-av {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--azul);
    color: #fff;
    font-family: var(--mono);
    font-size: .8rem;
    font-weight: 700;
}
.ga-chat-online {
    color: #22c55e;
    font-family: var(--mono);
    font-size: .69rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.ga-bubbles { display: flex; flex-direction: column; gap: 8px; }
.ga-bub {
    max-width: 84%;
    padding: 9px 14px;
    font-size: .91rem;
    line-height: 1.45;
}
.ga-bub--bot { background: var(--hielo); color: var(--navy); align-self: flex-start; }
.ga-bub--usr { background: var(--azul); color: #fff; align-self: flex-end; }
.ga-chat-note {
    margin-top: 10px;
    padding: 6px 12px;
    background: rgba(74, 144, 217, .07);
    color: var(--azul);
    font-family: var(--mono);
    font-size: .7rem;
    letter-spacing: .06em;
}

.ga-flujo {
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-top: clamp(26px, 4vw, 42px);
    counter-reset: fl;
}
.ga-flujo-item {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    counter-increment: fl;
}
.ga-flujo-item::before {
    content: counter(fl, decimal-leading-zero);
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 2px solid var(--azul);
    color: var(--azul);
    font-family: var(--mono);
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .08em;
    margin-top: 2px;
}
.ga-flujo-item strong {
    display: block;
    margin-bottom: 4px;
    color: var(--navy);
    font-family: var(--display);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
}

@media (max-width: 820px) {
    .ga-2col { grid-template-columns: 1fr; }
    .ga-sist-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
    .ga-sist-grid { grid-template-columns: 1fr; }
    .ga-stats-row { gap: 18px; }
}