/* Official INTESMEX palette: navy, blue and yellow. */
:root{--ink:#061f52;--ink-2:#073577;--deep:#001747;--cream:#f2f6fc;--paper:#fff;--line:#d9e3f0;--muted:#5c6d88;--accent:#ffe000;--accent-dark:#e5c800}
body{background:var(--paper)}
.site-header{background:#fff;border-bottom-color:#dce4ee}
.brand{gap:12px}.brand-logo{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 1px #d2dce9}
.brand-name{color:var(--ink);font-size:19px;letter-spacing:.02em}.brand-sub{font-size:6.8px;letter-spacing:.105em;color:#3a5788}
.desktop-nav{color:#27436d}.desktop-nav a:hover,.footer-main a:hover{color:#0066c8}
.header-cta{border-color:#063577;background:#063577;color:#fff}.header-cta:hover{background:#0056bb;border-color:#0056bb}
.menu-button span{background:var(--ink)}.mobile-nav:not([hidden]){background:#fff}.mobile-nav a{border-bottom-color:#dce4ee}
.hero{background:radial-gradient(circle at 72% 14%,#0759b5 0%,#002e76 24%,#001d50 59%,#00153c 100%)}
.hero-actions{gap:12px;flex-wrap:wrap}.button-whatsapp{background:#fff;color:#061f52;border:1px solid #fff}.button-whatsapp:hover{background:#eaf3ff}
.hero h1 em{color:var(--accent)}.hero-copy>p{color:#d4e0f2}.hero-notes{border-top-color:#6684b2;color:#c8d6e9}.hero-notes b{color:var(--accent)}
.hero-figure{box-shadow:0 28px 80px #00112c80}.hero-figure:before{background:linear-gradient(90deg,#071d4a38,transparent 45%)}
.hero-bottom-line{background:linear-gradient(90deg,#ffe000 0 19%,#0062c9 19% 45%,#001a49 45%)}
.button-primary{background:var(--accent);color:#061f52}.button-primary:hover{background:#fff083}.light-link{color:#f2f7ff}.text-link:hover{color:#ffe000}
.intro-strip{background:#edf4ff;border-bottom-color:#d7e3f3}.intro-strip a{border-bottom-color:#164a95}
.eyebrow{color:#075bb1}.eyebrow.light{color:var(--accent)}
.section-heading>p,.solution-footnote,.faq-layout>div:first-child>p{color:#546985}
.solution-card,.solution-card.swinging{background:#f6f9fd;border-color:#dce5f0}
.solution-visual{background:radial-gradient(circle at 70% 55%,#dfedff,transparent 55%),linear-gradient(135deg,#edf5ff,#cbdcf1);border-bottom-color:#ccddf2}
.visual-swinging{background:radial-gradient(circle at 30% 55%,#e5f1ff,transparent 55%),linear-gradient(130deg,#eff6ff,#d4e3f3)}
.solution-visual:before{background-image:linear-gradient(to right,#1f5a9d24 1px,transparent 1px),linear-gradient(to bottom,#1f5a9d24 1px,transparent 1px)}
.solution-visual .frame{border-color:#063275;box-shadow:14px 15px 0 #003a8826}.solution-visual .glass{background:linear-gradient(125deg,#fff9,#fff3 37%,#97bee75e 45%,#fff7 52%,#a7c8e855);border-color:#527eaf}.motion-arrow{color:#034b9d}.visual-swinging .swing-arc{border-color:#4175ae}
.card-index{color:#2568ad}.solution-content p,.applications-grid p,.process-head>p,.process-steps p{color:#58708e}.card-link:hover{color:#005bb8}.solution-footnote span{color:#0060c0}
.criteria{background:radial-gradient(circle at 90% 16%,#063b8a,#001b50 55%,#00133b)}.criteria-head>p,.criterion p{color:#c0d2e9}.criteria-list,.criterion{border-color:#446aa0}.criterion>span{color:#ffe000}
.applications{background:#fff}.applications-grid{border-color:#d5e2f1}.applications-grid>div{border-color:#d5e2f1}.application-icon{color:#035ebd}
.experience{background:#fff;padding-top:96px;padding-bottom:96px}.experience-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:48px;align-items:end;margin-bottom:38px}.experience-heading h2{max-width:770px;margin:14px 0 0;color:#061f52;font-family:Manrope,sans-serif;font-size:clamp(30px,3.7vw,50px);line-height:1.12;letter-spacing:-.045em}.experience-heading p{max-width:410px;margin:0;color:#526b88;line-height:1.7}.client-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0;padding:1px;list-style:none;background:#cfdded;border:1px solid #cfdded;border-radius:18px;overflow:hidden}.client-grid li{display:flex;min-height:106px;align-items:center;justify-content:center;padding:18px 12px;background:#f4f8fd;color:#092c63;text-align:center;font-family:Manrope,sans-serif;font-size:clamp(15px,1.45vw,19px);font-weight:800;line-height:1.25;letter-spacing:-.025em}.experience-training{display:grid;grid-template-columns:108px minmax(0,1fr) auto;gap:28px;align-items:center;margin-top:24px;padding:30px 34px;border-radius:18px;background:#061f52;color:#fff}.training-mark{display:flex;width:98px;height:98px;align-items:center;justify-content:center;border:2px solid #ffe000;border-radius:50%;color:#ffe000;font:800 26px Manrope,sans-serif;letter-spacing:-.04em}.training-label{color:#ffe000;font-size:11px;font-weight:800;letter-spacing:.14em}.experience-training h3{margin:6px 0 7px;font:800 23px Manrope,sans-serif;letter-spacing:-.03em}.experience-training p{max-width:770px;margin:0;color:#cbdaf0;font-size:14px;line-height:1.65}.training-link{white-space:nowrap;color:#ffe000;font-size:13px;font-weight:800;text-decoration:none}.training-link:hover{text-decoration:underline}
.process{background:#edf4fc}.process-steps,.process-steps li{border-color:#c7d7e8}.process-steps li>span{color:#005fb9}
.quote-details{background:#ffe000;color:#062251}.quote-details .eyebrow{color:#104b91}.quote-details li:before{color:#0057ad}
.faq{background:#fff}.faq-list,.faq details{border-color:#d9e3f0}.faq summary span{color:#005bb7}.faq details p{color:#526b88}
.contact{background:radial-gradient(circle at 15% 0%,#07449a,#001a4c 55%,#00133c);color:#fff}.contact-copy>p{color:#c7d9ef}.contact-location{border-color:#416797;color:#d6e5f6}.contact-location>span,.contact-direct a{color:#ffe000}
.contact-form{background:#fff;color:#061f52;box-shadow:0 30px 70px #00112c72}.form-heading{border-color:#d7e2ef}.form-heading span:last-child{color:#6d89aa}.contact-form label{color:#2e4c76}.contact-form input,.contact-form select,.contact-form textarea{border-color:#cad8e8;color:#061f52}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#0067c7;box-shadow:0 0 0 2px #acd6ff}.form-help{color:#667b97}.form-status{color:#0b5ba8}
.site-footer{background:#00143e;color:#c7d8ed}.footer-brand .brand-name{color:#fff}.footer-brand .brand-sub{color:#d4e6ff}.footer-brand .brand-logo{width:62px;height:62px;box-shadow:0 0 0 1px #ffe000}.footer-main{border-color:#2c5288}.footer-main a{color:#ffe000}.footer-bottom{color:#9eb5d3}
@media(max-width:960px){.desktop-nav,.header-cta{display:none}.menu-button{display:block;margin-left:auto}.mobile-nav:not([hidden]){display:flex;position:absolute;top:82px;left:0;right:0;flex-direction:column;background:#fff;padding:15px 22px 25px;box-shadow:0 20px 30px #001a4922}.mobile-nav a{padding:12px 4px;border-bottom:1px solid var(--line);font-size:14px;font-weight:700}}
@media(max-width:900px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-training{grid-template-columns:80px minmax(0,1fr)}.training-mark{width:74px;height:74px;font-size:22px}.training-link{grid-column:2}}
@media(max-width:800px){.mobile-nav:not([hidden]){top:72px}}
@media(max-width:650px){.experience{padding-top:70px;padding-bottom:70px}.experience-heading{grid-template-columns:1fr;gap:16px;margin-bottom:28px}.experience-heading h2{font-size:clamp(28px,8vw,38px)}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-grid li{min-height:84px;font-size:16px}.experience-training{grid-template-columns:1fr;gap:17px;padding:26px}.training-mark{width:70px;height:70px;font-size:20px}.training-link{grid-column:auto}}
@media(max-width:560px){.brand-logo{width:44px;height:44px}.brand-name{font-size:16px}.brand-sub{font-size:5.7px;letter-spacing:.04em}.footer-brand .brand-logo{width:56px;height:56px}}
.experience-training{display:block}.training-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:23px}.training-intro h3{margin:8px 0 0;font:800 clamp(21px,2.4vw,29px) Manrope,sans-serif;letter-spacing:-.035em}.training-intro p{max-width:350px;margin:0;color:#cbdaf0;font-size:14px;line-height:1.6}.credential-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 23px;padding:0;list-style:none}.credential-grid li{display:flex;flex-direction:column;gap:8px;min-height:126px;padding:20px;border:1px solid #38659d;border-radius:12px;background:#0b326c}.credential-grid strong{color:#ffe000;font:800 24px Manrope,sans-serif;letter-spacing:-.035em}.credential-grid span{color:#e0eafa;font-size:13px;line-height:1.55}.training-link{display:inline-block}
@media(max-width:650px){.training-intro{display:block}.training-intro p{margin-top:12px}.credential-grid{grid-template-columns:1fr}.credential-grid li{min-height:0}}
.hero-photo-hint{margin:10px 0 0;color:#c7d8ec;font-size:12px}.finish-compare{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin-top:28px}.finish-intro,.finish-option{padding:26px;border:1px solid #d3e1f0;border-radius:15px;background:#f5f9fe}.finish-intro{background:#eaf3ff}.finish-intro h3{margin:10px 0 9px;color:#061f52;font:800 23px Manrope,sans-serif;letter-spacing:-.035em;line-height:1.22}.finish-intro p,.finish-option p{margin:0;color:#56708c;font-size:13px;line-height:1.65}.finish-option{position:relative;padding-top:36px}.finish-option:before{content:"";position:absolute;top:0;left:25px;width:42px;height:4px;background:#ffe000}.finish-option>span{color:#075bb1;font-size:10px;font-weight:800;letter-spacing:.11em}.finish-option h4{margin:12px 0 9px;color:#061f52;font:800 20px Manrope,sans-serif;letter-spacing:-.03em}.gallery{background:#edf4fc}.gallery-heading{margin-bottom:34px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-card{margin:0;border:1px solid #d4e1ef;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 12px 32px #082e6312}.gallery-card img{display:block;width:100%;aspect-ratio:8/5;height:auto;object-fit:cover}.gallery-card figcaption{display:flex;flex-direction:column;gap:5px;padding:20px 22px 23px}.gallery-card figcaption span{color:#0961b6;font-size:10px;font-weight:800;letter-spacing:.12em}.gallery-card figcaption strong{color:#061f52;font:800 18px Manrope,sans-serif}.gallery-action{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:21px 25px;border:1px solid #ccddef;border-radius:13px;background:#fff}.gallery-action p{margin:0;color:#506987;font-size:14px}.gallery-action a{flex:none;color:#005bb8;font-size:14px;font-weight:800;text-decoration:none}.gallery-action a:hover{text-decoration:underline}
@media(max-width:900px){.finish-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.finish-intro{grid-column:1/-1}.gallery-grid{gap:12px}.gallery-card figcaption{padding:16px}}
@media(max-width:650px){.finish-compare,.gallery-grid{grid-template-columns:1fr}.finish-intro{grid-column:auto}.gallery-action{display:block}.gallery-action a{display:inline-block;margin-top:12px}.hero-photo-hint{font-size:11px}}
@media(min-width:801px) and (max-width:900px){.hero-layout{grid-template-columns:1fr;padding-top:48px;padding-bottom:54px}.hero-copy{padding:0}.hero h1{max-width:680px;font-size:clamp(44px,6vw,64px)}.hero-figure{height:410px;margin-top:40px}.hero-notes{margin-top:32px}}

.contact-hours{margin:18px 0 0;color:#d6e5f6;font-size:13px;line-height:1.7}.contact-hours strong{color:#fff}
.mobile-contact-bar{display:none}
@media(max-width:650px){
  body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  .mobile-contact-bar{position:fixed;z-index:40;right:0;bottom:0;left:0;display:grid;grid-template-columns:1.2fr 1fr;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -8px 28px #001b4b30}
  .mobile-contact-bar a{display:flex;min-height:50px;align-items:center;justify-content:center;gap:10px;border-radius:10px;font:800 15px Manrope,sans-serif;text-decoration:none}
  .mobile-contact-bar a:focus-visible{outline:3px solid #0066c8;outline-offset:2px}
  .mobile-contact-whatsapp{background:#ffe000;color:#061f52}
  .mobile-contact-phone{background:#063577;color:#fff}
  .mobile-contact-bar span{font-size:20px;line-height:1}
}
