:root{
  --navy:#061f39;
  --navy-2:#0a2b4d;
  --navy-3:#0d385f;
  --red:#ef1b20;
  --cyan:#1fbef0;
  --ink:#101820;
  --muted:#66788b;
  --line:#dfe7ee;
  --paper:#f5f8fb;
  --white:#fff;
  --radius:22px;
  --shadow:0 20px 60px rgba(6,31,57,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:white}
a{color:inherit;text-decoration:none}
svg{display:block}
.page-shell{width:min(1440px,calc(100% - 64px));margin-inline:auto}
.site-header{position:absolute;z-index:20;left:0;right:0;top:0;padding:22px 0}
.nav-shell{width:min(1440px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:246px 1fr auto;align-items:center;gap:28px;padding:11px 18px;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.brand{display:flex;align-items:center;min-width:0}
.brand-mark{display:flex;align-items:center;justify-content:center;width:246px;max-width:100%;line-height:1}.brand-mark img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 5px rgba(255,255,255,.18))}.brand img{width:246px;max-width:100%;height:auto}
.main-nav{display:flex;align-items:center;justify-content:center;gap:30px}
.main-nav a{position:relative;padding:14px 0 12px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#102c49;white-space:nowrap;text-shadow:0 1px 8px rgba(255,255,255,.85)}
.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:3px;border-radius:3px;background:var(--red);transform:scaleX(0);transform-origin:center;transition:.25s ease}
.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}
.phone-pill{display:flex;align-items:center;gap:11px;padding:13px 20px;border-radius:999px;background:var(--navy);color:white;font-size:14px;font-weight:800;white-space:nowrap;box-shadow:0 12px 30px rgba(6,31,57,.28)}
.phone-pill svg{width:19px;height:19px;fill:white}
.menu-toggle{display:none;border:0;background:transparent;padding:9px;cursor:pointer}
.menu-toggle span{display:block;width:26px;height:2px;background:var(--navy);margin:5px 0;border-radius:5px}
.hero{position:relative;min-height:760px;color:white;overflow:hidden;background:var(--navy)}
.hero-media{position:absolute;inset:0;background-image:url('assets/autocheck-tecoman-hero.png');background-size:cover;background-position:center 48%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,28,51,.93) 0%,rgba(4,28,51,.78) 30%,rgba(4,28,51,.34) 52%,rgba(4,28,51,.06) 74%),linear-gradient(0deg,rgba(4,28,51,.58) 0%,rgba(4,28,51,.16) 28%,transparent 52%)}
.hero-content{position:relative;z-index:2;padding-top:205px;padding-bottom:210px}
.eyebrow,.section-kicker{margin:0 0 16px;font-size:13px;font-weight:900;letter-spacing:.18em;color:var(--cyan)}
.hero h1{max-width:720px;margin:0;font-size:clamp(58px,6.2vw,96px);line-height:.88;letter-spacing:-.055em;text-shadow:0 4px 24px rgba(0,0,0,.24)}
.hero h1 span,.hero h1 strong{display:block}.hero h1 span{color:white;font-weight:850}.hero h1 strong{color:var(--cyan);font-weight:900}.hero-lead{max-width:620px;margin:28px 0 0;font-size:clamp(19px,1.65vw,25px);font-weight:750;line-height:1.28;color:white}.hero-copy{max-width:630px;margin:14px 0 0;font-size:clamp(15px,1.25vw,19px);line-height:1.45;color:#dce8f1}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:56px;padding:0 26px;border-radius:999px;font-weight:850;transition:.22s ease}
.btn:hover{transform:translateY(-2px)}
.btn svg{width:21px;height:21px;fill:currentColor}
.btn-primary{background:var(--red);color:white;box-shadow:0 14px 32px rgba(239,27,32,.28)}
.btn-secondary{border:1px solid rgba(255,255,255,.72);color:white;background:rgba(6,31,57,.35);backdrop-filter:blur(8px)}
.btn-ghost{border:1px solid rgba(255,255,255,.45);color:white}
.hero-proof{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;font-size:14px;font-weight:700;color:#cfe4f2}
.hero-proof span{display:flex;align-items:center;gap:9px}
.hero-proof span:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(31,190,240,.13)}
.quick-links{position:relative;z-index:5;margin-top:-112px;display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.quick-card{min-width:0;min-height:145px;padding:18px 10px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:16px;background:linear-gradient(180deg,rgba(7,42,72,.95),rgba(4,29,51,.98));border:1px solid rgba(90,205,243,.18);box-shadow:0 16px 32px rgba(6,31,57,.24);color:white;transition:.22s ease;backdrop-filter:blur(7px)}
.quick-card:hover{transform:translateY(-5px);background:linear-gradient(180deg,#0c385d,#082745)}
.icon-wrap{display:grid;place-items:center;width:50px;height:50px;margin-bottom:9px;border-radius:14px;background:rgba(31,190,240,.07)}
.icon-wrap svg{width:34px;height:34px;fill:var(--cyan)}
.quick-card strong{font-size:14px;line-height:1.2}
.quick-card small{margin-top:7px;color:#bed1e2;font-size:11.5px;line-height:1.25}
.intro-section{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:end;padding:112px 0 70px}
.intro-section h2,.brands h2,.contact-cta h2{margin:0;font-size:clamp(38px,4.5vw,64px);line-height:1.02;letter-spacing:-.04em}
.intro-section>p{margin:0 0 6px;font-size:20px;line-height:1.65;color:var(--muted)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-bottom:108px}
.service-feature{position:relative;overflow:hidden;padding:36px;border:1px solid var(--line);border-radius:var(--radius);background:white;box-shadow:0 14px 45px rgba(6,31,57,.07)}
.service-feature:before{content:"";position:absolute;right:-40px;top:-50px;width:150px;height:150px;border-radius:50%;background:#eff7fb}
.service-feature span{position:relative;color:var(--red);font-weight:900;letter-spacing:.14em}
.service-feature h3{position:relative;margin:24px 0 12px;font-size:30px;letter-spacing:-.03em}
.service-feature p{position:relative;margin:0;color:var(--muted);line-height:1.65}
.service-feature a{position:relative;display:inline-block;margin-top:28px;color:var(--navy);font-weight:850}
.brands{padding:92px 0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.brands-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}
.brand-strip{overflow-x:auto;overflow-y:hidden;padding:14px 18px;border-radius:20px;background:#05233f;border:1px solid rgba(6,31,57,.08);box-shadow:0 14px 38px rgba(6,31,57,.09);scrollbar-width:none}
.brand-strip::-webkit-scrollbar{display:none}
.brand-strip img{display:block;width:max(100%,1120px);height:auto;max-width:none}
.contact-cta{padding:90px 0;background:linear-gradient(135deg,#061f39 0%,#0b3559 60%,#0c4269 100%);color:white}
.contact-grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}
.contact-grid p:not(.section-kicker){max-width:670px;font-size:18px;color:#cbdce9;line-height:1.6}
.section-kicker.light{color:#74d7f6}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
footer{padding:38px 0 45px;background:#04182a;color:#c8d7e3}
.footer-grid{display:grid;grid-template-columns:260px 1fr auto;gap:30px;align-items:center}
.footer-brand{width:205px;align-items:center;justify-content:flex-start;filter:none}.footer-brand img{width:100%;height:auto}.footer-grid img{width:205px;opacity:1}
.footer-grid p{margin:0;font-size:13px}
.copyright{text-align:right}
.mobile-call{display:none}
@media(max-width:1180px){
  .nav-shell{grid-template-columns:230px 1fr auto}.brand-mark{width:230px}.brand img{width:230px}.main-nav{gap:18px}.main-nav a{font-size:11.5px}.phone-pill{padding:12px 15px}
  .quick-links{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:900px){
  .page-shell,.nav-shell{width:min(100% - 30px,720px)}
  .site-header{padding-top:12px}.nav-shell{grid-template-columns:1fr auto;gap:10px;padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 12px 34px rgba(4,24,43,.14);backdrop-filter:blur(14px)}.brand-mark{width:205px}.brand img{width:205px}.phone-pill{display:none}.menu-toggle{display:block}
  .main-nav{position:absolute;left:15px;right:15px;top:82px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:white;border-radius:18px;box-shadow:var(--shadow)}
  .main-nav.open{display:flex}.main-nav a{padding:13px 14px;font-size:13px}.main-nav a:after{left:14px;right:auto;width:36px;bottom:8px}
  .hero{min-height:720px}.hero-media{background-position:56% center}.hero-shade{background:linear-gradient(90deg,rgba(4,28,51,.95),rgba(4,28,51,.66) 67%,rgba(4,28,51,.25)),linear-gradient(0deg,rgba(4,28,51,.5),transparent)}.hero-content{padding-top:180px;padding-bottom:175px}.hero h1{max-width:620px}.hero-lead br,.hero-copy br{display:none}
  .quick-links{margin-top:-100px;grid-template-columns:repeat(2,1fr);gap:10px}.quick-card{min-height:150px}
  .intro-section{grid-template-columns:1fr;gap:24px;padding-top:90px}.service-grid{grid-template-columns:1fr}.brands-heading{display:block}.contact-grid{grid-template-columns:1fr}.contact-actions{justify-content:flex-start}.footer-grid{grid-template-columns:1fr}.copyright{text-align:left}
  .mobile-call{position:fixed;z-index:30;right:16px;bottom:16px;display:flex;align-items:center;gap:9px;padding:14px 18px;border-radius:999px;background:var(--red);color:white;font-weight:900;box-shadow:0 14px 30px rgba(239,27,32,.3)}.mobile-call svg{width:19px;height:19px;fill:white}
}
@media(max-width:560px){
  .page-shell,.nav-shell{width:calc(100% - 22px)}.brand-mark{width:178px}.brand img{width:178px}.hero{min-height:700px}.hero-media{background-position:62% center}.hero-content{padding-top:158px;padding-bottom:160px}.eyebrow{font-size:11px}.hero h1{font-size:52px;line-height:.9}.hero-lead{font-size:18px}.hero-copy{font-size:15.5px}.hero-proof{gap:12px 18px}.hero-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.quick-links{margin-top:-108px}.quick-card{padding:17px 10px;min-height:144px}.quick-card strong{font-size:13px}.quick-card small{font-size:10.5px}.icon-wrap{width:50px;height:50px}.icon-wrap svg{width:32px;height:32px}.intro-section{padding-top:75px}.intro-section>p{font-size:17px}.service-feature{padding:28px}.brand-strip{padding:12px 14px}.brand-strip img{width:1050px}.contact-cta{padding:70px 0}.contact-actions{display:grid}.footer-brand{width:190px}.footer-grid img{width:190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.quick-card,.btn{transition:none}}

/* v09: productos y aplicaciones */
.service-grid{grid-template-columns:repeat(4,1fr)}
.service-feature ul{position:relative;margin:20px 0 0;padding:0;list-style:none;display:grid;gap:9px;color:#42566a;font-size:14px}
.service-feature li{display:flex;align-items:center;gap:9px}
.service-feature li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(31,190,240,.10);flex:0 0 auto}
.service-highlight{background:linear-gradient(145deg,#061f39,#0d385f);border-color:transparent;color:white}
.service-highlight:before{background:rgba(255,255,255,.05)}
.service-highlight p,.service-highlight ul{color:#d4e1eb}
.service-highlight a{color:white}
.service-highlight li:before{background:var(--red);box-shadow:0 0 0 4px rgba(239,27,32,.14)}

.applications{padding:98px 0;background:#061f39;color:white;overflow:hidden}
.applications-heading{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:end;margin-bottom:42px}
.applications-heading h2{margin:0;font-size:clamp(38px,4.5vw,64px);line-height:1.02;letter-spacing:-.04em;max-width:900px}
.applications-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.application-card{position:relative;min-height:300px;padding:28px;border-radius:22px;background:linear-gradient(180deg,#0b3458,#082945);border:1px solid rgba(116,215,246,.15);box-shadow:0 18px 44px rgba(0,0,0,.18);overflow:hidden}
.application-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-60px;bottom:-65px;background:rgba(31,190,240,.06)}
.application-icon{position:relative;z-index:1;width:60px;height:60px;display:grid;place-items:center;border-radius:17px;background:rgba(31,190,240,.08);font-size:30px;margin-bottom:28px}
.application-card h3{position:relative;z-index:1;margin:0 0 12px;font-size:25px;letter-spacing:-.03em}
.application-card p{position:relative;z-index:1;margin:0;color:#c6d7e4;line-height:1.55;font-size:15px}
.application-card a{position:absolute;z-index:2;left:28px;bottom:26px;color:#78dcfb;font-weight:850;font-size:14px}
.application-card:hover{transform:translateY(-4px);transition:.22s ease}

@media(max-width:1180px){
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .applications-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .service-grid{grid-template-columns:1fr}
  .applications-heading{grid-template-columns:1fr;gap:10px}
}
@media(max-width:560px){
  .applications{padding:72px 0}
  .applications-grid{grid-template-columns:1fr}
  .application-card{min-height:270px}
}

/* v10 — Sucursales */
.branches{padding:104px 0;background:#fff}
.branches-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;margin-bottom:42px}
.branches-heading h2{margin:0;font-size:clamp(38px,4.5vw,64px);line-height:1.02;letter-spacing:-.04em}
.branches-heading>p{margin:0 0 5px;color:var(--muted);font-size:18px;line-height:1.65}
.branches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.branch-card{position:relative;display:flex;flex-direction:column;min-height:320px;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(6,31,57,.07);overflow:hidden}
.branch-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:#dbe7ef}
.branch-card.featured{background:linear-gradient(180deg,#fff 0%,#f7fbfe 100%);border-color:#c7dbe8;box-shadow:0 18px 48px rgba(6,31,57,.11)}
.branch-card.featured:before{background:linear-gradient(90deg,var(--red),var(--cyan))}
.branch-top{display:flex;align-items:center;gap:14px;min-height:54px}
.branch-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:#eef7fb;color:var(--navy)}
.branch-icon svg{width:24px;height:24px;fill:currentColor}
.branch-state{margin:0 0 3px;font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--cyan)}
.branch-card h3{margin:0;font-size:24px;letter-spacing:-.025em;color:var(--navy)}
.branch-badge{margin-left:auto;padding:7px 10px;border-radius:999px;background:#fee8e9;color:#b90e13;font-size:10px;font-weight:900;white-space:nowrap}
.branch-address{margin:22px 0 18px;color:#3d5265;line-height:1.55}
.branch-meta{display:grid;gap:10px;margin-top:auto;padding-top:4px}
.branch-meta p{display:grid;grid-template-columns:72px 1fr;gap:10px;margin:0;font-size:13px;line-height:1.45}
.branch-meta strong{color:var(--navy)}
.branch-meta span{color:var(--muted)}
.branch-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.branch-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;flex:1 1 auto;border-radius:999px;font-size:13px;font-weight:850;transition:.2s ease}
.branch-actions a:hover{transform:translateY(-2px)}
.branch-call{background:var(--navy);color:#fff}
.branch-whatsapp{background:#25D366;color:#fff}
.branch-map{border:1px solid #cfdce6;color:var(--navy);background:#fff}

@media(max-width:1180px){
  .main-nav{gap:14px}.main-nav a{font-size:11px}
  .branches-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .branches{padding:86px 0}.branches-heading{grid-template-columns:1fr;gap:18px}.branches-heading>p{font-size:16px}
}
@media(max-width:620px){
  .branches-grid{grid-template-columns:1fr}.branch-card{min-height:0}.branch-badge{display:none}.branch-actions{display:grid;grid-template-columns:1fr 1fr}.branch-actions:has(.branch-whatsapp){grid-template-columns:1fr 1fr 1fr}
}

/* Acceso al historial */
.main-nav{gap:clamp(10px,1.2vw,24px)}
.main-nav a[href="/historial"]{color:#d52b30}
@media(min-width:1000px) and (max-width:1300px){.main-nav a{font-size:11px}.phone-pill{padding:11px 14px}}

/* Fachada completa en celular y tablet */
.hero-mobile-photo{display:none}
@media(max-width:900px){
 .site-header{position:relative;padding:14px 0;background:var(--navy)}
 .hero{min-height:0;overflow:visible}
 .hero-mobile-photo{display:block;width:100%;height:auto;object-fit:contain}
 .hero-media,.hero-shade{display:none}
 .hero-content{padding-top:30px;padding-bottom:40px}
 .hero h1{font-size:clamp(38px,8vw,58px);line-height:1.02}
 .hero-lead{margin-top:20px}
 .hero-actions{margin-top:24px}
 .quick-links{margin-top:20px}
}