/* Claridad digital — Socio Estratégico
   Azul tinta #172C49 · Azul medio #4679AD · Gris perla #F0F3F5 · Aguamarina #79B9AF
   Tonos derivados para texto legible y estados interactivos. */
:root{--ink:#172C49;--ink2:#244265;--paper:#F0F3F5;--white:#F0F3F5;--muted:#526379;--line:rgba(23,44,73,.18);--accent:#79B9AF;--blue:#172C49;--blue2:#244265;--soft:#E2EAF1}
body{background:var(--paper);color:var(--ink)}
::selection{background:#79B9AF;color:#172C49}
.ambient-a{background:#79B9AF}.ambient-b{background:#4679AD}
.nav{background:rgba(240,243,245,.88);border-color:var(--line)}
.nav.scrolled{background:rgba(240,243,245,.97)}
.brand-logo-wrap,.hero-logo-shell{background:#F0F3F5}
.status,.ghost,.ticker{background:rgba(240,243,245,.65)}
.status-dot,.wa-dot{background:#79B9AF;box-shadow:0 0 0 4px rgba(121,185,175,.18)}
.cta-blue{background:#172C49!important;color:#F0F3F5!important;box-shadow:0 12px 30px rgba(23,44,73,.16)!important;border-color:rgba(240,243,245,.22)!important}
.cta-blue:hover{background:#244265!important;box-shadow:0 18px 40px rgba(23,44,73,.24)!important}
.hero-card{background:#172C49;color:#F0F3F5}
.hero-card:before{background:#4679AD;opacity:.24}
.hero-card-top,.hero-card-bottom{color:#D8E4ED}
.accent-text{color:#79B9AF}
.ticker-track i{color:#35618B}
.capabilities .bento-card{box-shadow:none}
.capabilities .bento-card:nth-child(1){background:#172C49;color:#F0F3F5;border-color:#4679AD;box-shadow:none}
.capabilities .bento-card:nth-child(1) p{color:#D8E4ED}
.capabilities .bento-card:nth-child(1) .card-index,.capabilities .bento-card:nth-child(1) .card-arrow{color:#79B9AF}
.capabilities .bento-card:nth-child(2){background:#E2EAF1;color:#172C49;border-color:#4679AD;box-shadow:none}
.capabilities .bento-card:nth-child(2) p{color:#40566F}
.capabilities .bento-card:nth-child(2) .card-index,.capabilities .bento-card:nth-child(2) .card-arrow{color:#172C49}
.capabilities .bento-card:nth-child(3){background:#244265;color:#F0F3F5;border-color:#4679AD;box-shadow:none}
.capabilities .bento-card:nth-child(3) p{color:#D8E4ED}
.capabilities .bento-card:nth-child(3) .card-index,.capabilities .bento-card:nth-child(3) .card-arrow{color:#79B9AF}
.capabilities .bento-card:nth-child(4){background:#79B9AF;color:#172C49;border-color:#5C9B92;box-shadow:none}
.capabilities .bento-card:nth-child(4) p,.capabilities .bento-card:nth-child(4) .card-index,.capabilities .bento-card:nth-child(4) .card-arrow{color:#172C49}
.results-showcase{background:#172C49;color:#F0F3F5}
.results-showcase:before{background:radial-gradient(circle,rgba(121,185,175,.12),transparent 68%)}
.results-eyebrow,.results-head h2 span{color:#79B9AF}
.results-intro{color:#D8E4ED}
.impact-card{box-shadow:none;border-color:#4679AD}
.impact-card:after{display:none}
.impact-card:hover{box-shadow:0 24px 55px rgba(16,29,48,.22);border-color:#79B9AF}
.impact-blue,.impact-purple{background:#244265;color:#79B9AF;border-color:#4679AD}
.impact-green{background:#E2EAF1;color:#172C49;border-color:#4679AD}
.impact-cobalt{background:#79B9AF;color:#172C49;border-color:#79B9AF}
.impact-blue p,.impact-blue strong,.impact-purple p,.impact-purple strong{color:#F0F3F5}
.impact-green p,.impact-green strong,.impact-cobalt p,.impact-cobalt strong{color:#172C49}
.impact-green .impact-label,.impact-cobalt .impact-label{border-color:rgba(23,44,73,.25)}
.trajectory-title{color:#D8E4ED}.trajectory-names span{color:#F0F3F5}
.podcast-panel{background:#172C49;color:#F0F3F5}
.podcast-copy>p:not(.micro){color:#D8E4ED}
.podcast-visual{background:#4679AD;color:#172C49}
.podcast-visual-brand{color:#172C49}
.spotify-button{background:#F0F3F5;color:#172C49}
.contact{background:#79B9AF;color:#172C49}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #35618B;outline-offset:4px}

/* High-contrast labels across secondary surfaces. */
.podcast-visual-brand{color:#172C49}
.capabilities .bento-card:nth-child(3) .card-index{color:#F0F3F5}
.impact-blue .impact-label,.impact-purple .impact-label{color:#F0F3F5}

/* Consultoría contemporánea: one type family throughout the website. */
:root{--font-brand:'Plus Jakarta Sans',Arial,sans-serif}
body,button,input,textarea,select{font-family:var(--font-brand);font-weight:400}
h1,h2,h3,.hero h1,.section h2,.contact h2,.results-head h2{font-family:var(--font-brand);font-weight:700;line-height:1.08;letter-spacing:-.045em;overflow-wrap:break-word}
.serif,.quote,.results-head h2 span{font-family:var(--font-brand);font-style:normal;font-weight:700}
.quote{font-size:clamp(36px,3.5vw,54px);line-height:1.12;letter-spacing:-.045em}
.button,.nav-cta,.text-link,.whatsapp-float{font-family:var(--font-brand);font-weight:600}
.impact-card strong,.metric strong{font-weight:700;font-variant-numeric:tabular-nums}
@media(max-width:720px){.hero h1{font-size:clamp(40px,11.5vw,64px)}.quote{font-size:clamp(30px,9vw,46px)}.results-head h2{font-size:clamp(32px,9.5vw,54px)}}

/* Keep text legible on the medium-blue podcast panel. */
.podcast-visual-brand{color:#FFFFFF}
