/* Cognitio Manual de Marca V3 · 26 octubre 2026 · Precisión Continua */
@font-face{font-family:'DM Sans';src:url('/assets/fonts/dm-sans-variable.woff') format('woff');font-style:normal;font-weight:100 1000;font-display:swap}
:root{--paper:#F5F8F7;--white:#FFFFFF;--ink:#19323D;--muted:#47616B;--green:#064B65;--mint:#52AFBA;--line:#D2E0E4;--dark:#064B65;--petroleum:#064B65;--turquoise:#298A9D;--light:#52AFBA;--serif:'DM Sans',Arial,sans-serif;--sans:'DM Sans',Arial,sans-serif}
body{font-family:var(--sans);font-size:16px;font-optical-sizing:auto;line-height:1.65;color:var(--ink)}
::selection{background:#CFE8ED;color:#064B65}:focus-visible{outline-color:#064B65}
h1,h2,h3{font-family:var(--sans);color:var(--petroleum);font-weight:700;letter-spacing:-.04em}
h1 em,h2 em{font-style:normal;color:var(--turquoise)}
h2{font-size:clamp(32px,3.8vw,48px);line-height:1.15}
.site-header{background:rgba(245,248,247,.97)}.header-inner{height:104px}
.brand{display:block}.brand img{display:block;width:210px;height:auto;object-fit:contain}
.nav{gap:28px;font-size:13px}.nav>a:not(.button):hover{color:var(--petroleum);text-decoration:underline;text-underline-offset:6px}
.button{background:var(--petroleum);border-color:var(--petroleum);color:#FFFFFF;font-size:14px;min-height:55px;font-weight:700;border-radius:4px}
.button:hover{background:#19323D;border-color:#19323D}.button.small{font-size:13px;min-height:45px}
.button.mint{background:#FFFFFF;color:var(--petroleum);border-color:#FFFFFF}.button.mint:hover{background:#E3F0F2}
.button.outline{color:var(--petroleum);border-color:var(--turquoise)}
.text-link{font-size:14px;color:var(--petroleum)}.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--petroleum)}
.hero{padding-top:45px}.hero-grid{gap:55px}.hero-copy{padding-block:20px 40px}
.hero h1{font-family:var(--sans);font-size:clamp(48px,5.2vw,64px);font-weight:700;letter-spacing:-.05em;line-height:1.08;margin:30px 0 26px}
.hero-copy>p{font-size:18px;max-width:480px;line-height:1.75}.hero-copy>p strong{font-weight:600}
.hero-copy .text-link{font-size:13px}.hero .actions{gap:20px}.hero-foot{font-size:12px}.hero-foot .industries{gap:18px}
.hero-foot .industries span+span:before{margin-right:18px}.hero-foot>a{font-size:11px}
.hero-visual{background:var(--petroleum)}.visual-top{color:var(--petroleum);font-size:10px}
.visual-top span:first-child{border-color:#064B6566}.visual-bottom{color:#FFFFFF}.visual-bottom p{font:600 29px/1.18 var(--sans);letter-spacing:-.025em}
.visual-bottom small{color:#D5E9ED;font-size:10px}.compass{border-color:#D5E9ED99}
.split-heading>p,.scan-top>p,.service-intro p,.method-intro p,.insights-heading p,.contact-copy p{font-size:16px;line-height:1.8}
.challenge-detail{background:#E8F1F3;min-height:375px}.challenge-detail .tag{background:#D4E7EC;color:var(--petroleum);font-size:11px}
.challenge-tab>span:first-child{color:var(--muted);font-size:12px}.challenge-tab strong{font-size:21px}
.challenge-detail h3{font:700 29px/1.2 var(--sans);letter-spacing:-.035em}.challenge-detail p{font-size:16px;line-height:1.75}
.challenge-detail .text-link{font-size:13px}.intelligence h2,.intelligence h3{color:#FFFFFF}
.eyebrow.light,.scan-label{color:#D8ECF0}.scan-top h2 em{color:#A9D7DE}
.scan-top>p,.scan-item p,.scan-bottom p{color:#E1EEF0}.scan-grid,.scan-item+ .scan-item{border-color:#FFFFFF40}
.scan-item{grid-template-columns:1fr 100px}.scan-label{font-size:11px;letter-spacing:.08em;flex-wrap:wrap}
.status-dot{background:#A9D7DE}.scan-item h3{font:700 29px/1.2 var(--sans)}.scan-item p{font-size:16px;line-height:1.75}
.scan-icon [stroke]{stroke:#A9D7DE}.scan-icon [fill]:not([fill=none]){fill:#A9D7DE}
.scan-bottom p{font-size:13px}.scan-bottom p strong{font-weight:600;color:#FFFFFF}.scan-disclaimer{font-size:12px;color:#CDE6EB}
.services{background:#EAF1F2}.service-intro h2{max-width:430px}.service summary h3{font-size:21px;font-weight:600}
.service summary .number{font-size:12px;color:var(--muted)}.service-body{font-size:16px;line-height:1.8}.service-body li{font-size:12px;background:#D7E7EC;color:var(--petroleum)}
.method-intro h2{max-width:730px}.method-intro p{max-width:285px}.step-top{color:var(--petroleum);font-size:12px}
.method-step h3{font:700 25px/1.2 var(--sans);letter-spacing:-.03em}.method-step p{font-size:16px;line-height:1.75}
.expert-name{font:600 25px/1.2 var(--sans);color:var(--petroleum)}.expert-caption{font-size:14px}
.expert-quote{font:600 26px/1.5 var(--sans);color:var(--petroleum)}.expert-note{font:16px/1.8 var(--sans);max-width:640px}
.insights-heading p{max-width:360px}.insight-meta{font-size:11px;gap:12px;letter-spacing:.05em;color:var(--petroleum);flex-wrap:wrap}
.insight-card h3{font:700 27px/1.22 var(--sans);letter-spacing:-.03em}.insight-card>p{font-size:16px;line-height:1.75}
.insight-card .text-link{font-size:13px}.insight-art{background:#E6EFF1}.art-label{font-size:11px;color:var(--petroleum)}
.contact{background:#E0F0F2}.contact h2{font-size:clamp(36px,4.6vw,60px);line-height:1.12}.contact-copy p{color:var(--ink)}
.contact-copy .caption{font-size:12px;color:var(--muted)}.contact-copy .text-link{font-size:13px;color:var(--petroleum)}
.footer-identity{flex:0 0 500px}.site-footer .brand img{width:500px;height:auto}.mobile-tagline{display:none}
.footer-main{align-items:flex-start;gap:35px}.footer-links{gap:45px;padding-top:20px}.footer-links>div{font-size:13px;gap:11px}
.footer-links span{font-size:11px;color:var(--muted)}.footer-bottom{font-size:11px;color:var(--muted)}
.article-header h1{font:700 clamp(36px,5vw,64px)/1.1 var(--sans);letter-spacing:-.04em}
.article-deck{font-size:18px}.article-meta{font-size:13px}.article-aside{font-size:14px}.article-aside .text-link{font-size:12px}
.breadcrumb{font-size:12px}.prose{font-size:17px;color:var(--ink)}.prose h2{font:700 30px/1.25 var(--sans);color:var(--petroleum)}
.prose blockquote{font:600 25px/1.45 var(--sans);color:var(--petroleum);border-color:var(--light)}
.article-cta{background:#E8F1F3}.article-cta h3{font:700 27px/1.2 var(--sans);color:var(--petroleum)}.article-cta p{font-size:16px}
.article-cta .button{font-size:14px}.related{background:#EAF1F2}.related a{font:600 24px/1.3 var(--sans)}
@media(min-width:1600px){.hero h1{font-size:64px}.hero-visual{min-height:580px}}
@media(max-width:1190px){.nav{gap:20px}.hero-grid{gap:35px}.hero-foot>a{display:none}.hero-foot .industries{gap:15px}.hero-foot .industries span+span:before{margin-right:15px}.footer-links{gap:25px}}
@media(max-width:1000px){.footer-main{flex-direction:column;gap:30px}.footer-identity{flex:auto}.site-footer .brand img{width:240px}.mobile-tagline{display:block;margin:6px 0 0;font-size:16px;color:var(--petroleum)}.footer-links{width:100%;justify-content:space-between;padding-top:0;gap:35px}.footer-bottom{font-size:11px}}
@media(max-width:950px){.header-inner{height:90px}.nav{top:90px;max-height:calc(100dvh - 90px);font-size:17px}.hero h1{font-size:clamp(48px,6.8vw,64px)}.hero-copy>p{font-size:17px}.hero-copy .text-link{font-size:13px}.brand img{width:200px}.scan-item{grid-template-columns:1fr 65px}.challenge-detail{padding:28px}.challenge-detail h3{font-size:27px}.hero-copy .actions{gap:15px}.hero .eyebrow{font-size:10px}.method-grid{gap:24px}.method-step p{font-size:16px}}
@media(max-width:720px){html{scroll-padding-top:100px}.hero{padding-top:25px}.hero h1{font-size:clamp(46px,9vw,60px);max-width:530px;line-height:1.1}.hero-copy{padding:10px 0 35px}.hero-copy>p{font-size:17px;max-width:480px}.hero-copy .actions{gap:18px}.hero-copy .button{font-size:14px}.hero-foot .industries{font-size:12px;line-height:1.9;gap:3px 13px}.hero-foot .industries span+span:before{display:none}.hero-foot .industries span{margin-right:0}.hero-visual{min-height:370px}.visual-bottom p{font-size:27px}.visual-top{font-size:10px}.visual-top span:first-child{font-size:9px}.eyebrow{font-size:11px}h2{font-size:36px}.split-heading{gap:24px}.challenge-detail{min-height:330px}.challenge-detail h3{font-size:27px}.challenge-tab strong{font-size:17px}.challenge-tab{gap:10px}.challenge-tab>span:first-child{font-size:11px}.challenge-tab .arrow{font-size:17px}.challenge-detail .text-link{font-size:13px}.scan-item{grid-template-columns:1fr 65px;gap:16px}.scan-item h3{font-size:28px}.scan-label{font-size:10px}.scan-bottom .button{min-width:270px;font-size:14px}.scan-bottom p{font-size:14px}.service summary h3{font-size:20px}.service-intro h2{max-width:450px}.method-grid{grid-template-columns:1fr;gap:32px}.method-step p{max-width:500px}.step-top{margin-bottom:18px}.method-step h3{font-size:27px}.method-intro p{max-width:430px}.expert-quote{font-size:24px}.insight-card h3{font-size:28px;max-width:480px}.insight-card>p{font-size:16px;max-width:480px}.insight-meta{font-size:11px}.insights-heading p{max-width:440px}.contact h2{font-size:clamp(36px,8.4vw,48px)}.contact-copy p{font-size:16px}.contact-copy .button{font-size:14px;min-width:270px}.footer-links{flex-direction:column;gap:25px}.footer-links>div{font-size:14px}.footer-bottom{flex-direction:column;gap:12px;font-size:11px}.article-header h1{font-size:42px}.article-deck{font-size:18px}.article-meta{font-size:12px}.prose{font-size:17px}.prose h2{font-size:28px}.prose blockquote{font-size:23px}.article-aside{font-size:14px}.related a{font-size:23px}.article-cta .button{font-size:14px}}
@media(max-width:390px){.brand img{width:180px}.hero h1{font-size:46px}.hero-copy .actions{align-items:flex-start;flex-direction:column;gap:13px}.hero-copy .text-link{font-size:13px}.challenge-tab strong{font-size:16px}.challenge-tab>span:first-child{font-size:10px}.hero-foot .industries{font-size:11px}.contact h2{font-size:37px}}
.hero h1 em,h2 em{font-weight:700}
