/* Identidad MIA V. Exo: misma familia usada por el ERP TECNOBI, alojada localmente. */
@font-face{font-family:Exo;font-style:normal;font-weight:400 700;font-display:swap;src:url('assets/fonts/exo/exo-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Exo;font-style:normal;font-weight:400 700;font-display:swap;src:url('assets/fonts/exo/exo-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--navy:#062b48;--ink:#0a3452;--yellow:#ecb32b;--gold:#bd8614;--steel:#657480;--flame:#ee8a16}
body{font-family:Exo,'Segoe UI',Arial,sans-serif}
h1,h2,h3{letter-spacing:-.035em}
.brand{gap:12px;min-width:0}
.brand-logo{width:64px;height:64px;object-fit:contain;flex-shrink:0;border-radius:2px;background:#f1f1f1}
.brand-name{font-size:27px;letter-spacing:-1.3px;white-space:nowrap;font-weight:700;line-height:1}
.brand-name b{color:var(--gold)}
.brand-caption{font-size:7px;font-weight:600;letter-spacing:.25px;padding-left:11px}
.brand-caption small{font-size:7px;letter-spacing:1.2px}
.nav-shell{gap:20px}
nav{gap:23px}
nav .nav-cta{gap:17px}
.hero h1{font-size:clamp(42px,4.5vw,65px);letter-spacing:-.04em;line-height:1.14;margin-bottom:23px}
.hero-content{max-width:850px}
.hero-brand-promise{font-size:16px;color:#f0f3f5;font-weight:500;line-height:1.65;max-width:620px;margin-bottom:22px}
.hero-description{font-size:14px;max-width:490px;color:#c2d0db}
.hero-trust{font-size:11px;letter-spacing:.7px;gap:32px}
.hero-trust b{color:var(--yellow)}
.status-dot{background:var(--flame)}
.hero-note{background:#062b48e8}
.brand-artwork{padding:0;background:#f0f0f0;border:1px solid #dce2e7;box-shadow:0 16px 45px #052b480a}
.brand-artwork:before{display:none}
.brand-artwork>img{width:100%;height:auto;object-fit:contain;object-position:center}
.brand-artwork .experience-stamp{position:static;display:flex;align-items:center;gap:16px;background:var(--navy);color:white;min-width:0;padding:17px 23px;border-top:3px solid var(--yellow)}
.brand-artwork .experience-stamp b{font-size:34px;letter-spacing:-1.5px;color:var(--yellow)}
.brand-artwork .experience-stamp span{margin:0;letter-spacing:.5px;font-size:7px;font-weight:500}
.brand-artwork .experience-stamp .brand-values{margin-left:auto;max-width:100px;font-size:7px;text-align:right;color:#d6e0e7;line-height:1.8}
.eyebrow>span,.process-grid article:before{background:var(--gold)}
.inline-link span,.service-body h3 span,.consulting-strip>a>span,.pipeline-points b,.technical-number,.about-principles b,.timeline article>span,.talent-symbol,.contact-form h3 span{color:var(--gold)}
.pipeline-points b{color:var(--yellow)}
.service-body h3{font-size:19px}
.service-body p{min-height:75px}
.yellow:hover{background:#f6c955}
.footer-brand .brand-name{color:#fff}
.footer-brand .brand-name b{color:var(--yellow)}
.footer-top{gap:35px}
@media(min-width:1600px){.hero h1{font-size:72px}}
@media(max-width:1200px){.brand-caption{display:none}.service-body h3{font-size:17px}.service-body p{min-height:90px}.hero h1{font-size:57px}.brand-artwork>img{height:auto}}
@media(max-width:900px){.brand-caption{display:block}.brand-logo{width:56px;height:56px}.brand-name{font-size:25px}.brand-artwork>img{height:auto}.brand-artwork .experience-stamp{padding:14px 16px;gap:12px;flex-wrap:wrap}.brand-artwork .experience-stamp .brand-values{max-width:none;text-align:left;margin:0;width:100%}.hero h1{font-size:54px}.hero-brand-promise{font-size:15px}.service-body h3{font-size:16px}.service-body p{min-height:110px}.footer-brand .brand-caption{display:none}}
@media(max-width:600px){.brand{gap:9px}.brand-logo{width:50px;height:50px}.brand-name{font-size:23px}.brand-caption{padding-left:9px;font-size:5px;max-width:105px;line-height:1.8}.brand-caption small{font-size:5px;letter-spacing:1px}.nav-shell{gap:12px}.menu-toggle{flex-shrink:0}.hero h1{font-size:clamp(33px,8.8vw,51px);letter-spacing:-.045em;line-height:1.15}.hero-inner{min-height:650px}.hero-brand-promise{font-size:12px;line-height:1.8;margin-bottom:20px}.hero-description{font-size:12px}.hero-trust{font-size:9px;gap:20px;justify-content:flex-start}.hero-actions{gap:19px}.hero-actions .button{font-size:10px}.brand-artwork .experience-stamp{flex-wrap:nowrap;padding:16px 18px}.brand-artwork .experience-stamp b{font-size:33px}.brand-artwork .experience-stamp .brand-values{margin-left:auto;width:auto;text-align:right;max-width:90px;font-size:6px}.about h2,.section-heading h2{font-size:30px}.service-body h3{font-size:22px}.service-body p{min-height:0}.contact h2{font-size:34px}.contact-phone{font-size:29px;gap:25px}.contact-details{flex-wrap:wrap}.footer-brand .brand-caption{display:none}.footer-top{gap:20px}.footer-top p{font-size:11px}.back-top{font-size:9px}.footer-bottom{line-height:1.9}}
@media(max-width:360px){.brand-caption{display:none}.hero h1{font-size:30px}.hero-trust{gap:17px;font-size:8px}.hero-brand-promise{font-size:11px}.hero-actions .button{font-size:9px;padding-inline:14px}.contact-phone{font-size:25px;gap:15px}.contact-form h3{font-size:20px}.brand-artwork .experience-stamp{padding:12px;gap:10px}.brand-artwork .experience-stamp .brand-values{font-size:5px;max-width:70px}.footer-brand .brand-logo{width:44px;height:44px}.footer-brand .brand-name{font-size:20px}.back-top{font-size:8px}}
