:root{
  --n1-blue:#0000FF;
  --n1-sky:#0095FF;
  --n1-green:#3ED4A4;
  --n1-yellow:#FFCC00;
  --n1-dark:#0e172a;
  --n1-dark-2:#13243e;
  --n1-white:#fff;
}
*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}
body{background:var(--n1-dark);font-family:'Poppins',sans-serif;color:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}
section{padding-inline:clamp(22px,7vw,100px)}
header{position:fixed;inset:0 0 auto;z-index:1000;padding:25px clamp(22px,7vw,100px);pointer-events:none}
.desktop-nav{max-width:980px;margin:auto;display:flex;align-items:center;justify-content:center;background:rgba(13,31,55,.78);border:1px solid rgba(255,255,255,.06);border-radius:50px;padding:7px 18px;backdrop-filter:blur(18px);box-shadow:0 14px 40px rgba(0,0,0,.18);pointer-events:auto}
.menu{display:flex;align-items:center;gap:4px;list-style:none}
.menu a{display:inline-block;padding:10px 13px;font-size:13px;color:#e8edf8;transition:.25s}
.menu a:hover{color:var(--n1-yellow)}
.brand{margin:0 18px;display:grid;place-items:center}
.Logo{width:126px;height:auto}
.brand .Logo{filter:brightness(0) invert(1)}
.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;padding:8px}
.menu-toggle span{display:block;width:27px;height:2px;background:#fff;margin:6px}
.mobile-menu{display:none;position:absolute;top:90px;left:22px;right:22px;flex-direction:column;padding:16px;border-radius:20px;background:#10213bdd;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);pointer-events:auto}
.mobile-menu a{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.06)}
.home{position:relative;min-height:100vh;display:flex;align-items:center;background:
  linear-gradient(90deg,rgba(8,17,33,.98) 0%,rgba(8,17,33,.92) 38%,rgba(8,17,33,.38) 72%,rgba(8,17,33,.18) 100%),
  url('https://numberone.cl/assets/images/premium/precision-repair.webp') center/cover no-repeat;
}
.txtHome{max-width:650px}
.home-kicker{font-size:12px;letter-spacing:.24em;font-weight:800;color:var(--n1-sky);margin-bottom:18px}
.home h1{font-size:clamp(48px,6vw,78px);line-height:1.02;text-transform:uppercase;font-weight:900;letter-spacing:-.045em}
.home-lead{max-width:600px;margin-top:18px;font-size:16px;line-height:1.65;color:#c8d1e0}
.btn{display:inline-flex;align-items:center;justify-content:center;margin-top:28px;padding:14px 28px;border-radius:999px;background:linear-gradient(90deg,var(--n1-blue),var(--n1-sky));color:#fff;font-weight:700;font-size:14px;box-shadow:0 16px 40px rgba(0,0,255,.18);transition:transform .25s,box-shadow .25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(0,149,255,.24)}
.btn-whats{position:fixed;z-index:1200;right:28px;bottom:28px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#16c96f;box-shadow:0 12px 30px #0005}
.btn-whats img{width:30px;filter:brightness(0) invert(1)}
.sobre{padding-top:100px;padding-bottom:0;text-align:center}
.heading{width:100%;text-align:center;margin-bottom:30px}
.heading h2{font-size:clamp(28px,3vw,42px);font-weight:600}
.heading h3{font-size:clamp(32px,3.5vw,48px);font-weight:800;margin-top:-8px;background:linear-gradient(90deg,var(--n1-blue),var(--n1-sky),var(--n1-yellow));background-clip:text;-webkit-background-clip:text;color:transparent}
.contentBx{max-width:980px;margin:auto}
.contentBx p{font-size:15px;line-height:1.7;color:#d3d9e4;margin:0 auto 14px;max-width:860px}
.repair-banner{margin:54px calc(clamp(22px,7vw,100px)*-1) 0;min-height:310px;display:grid;grid-template-columns:1fr minmax(260px,430px) 1fr;align-items:center;overflow:hidden;background:linear-gradient(90deg,var(--n1-blue),var(--n1-sky));text-align:left}
.repair-banner>div{padding:32px clamp(22px,7vw,100px)}
.repair-banner-right{text-align:right}
.repair-banner span{display:block;font-size:11px;letter-spacing:.18em;font-weight:800;color:#dcecff}
.repair-banner strong{display:block;font-size:clamp(26px,3vw,44px);margin-top:8px}
.repair-banner img{width:100%;height:310px;object-fit:cover;transform:rotate(-3deg) scale(.88);border-radius:24px;box-shadow:0 22px 50px #00166f66}
.servicios{padding-top:100px;padding-bottom:110px}
.services-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;max-width:1200px;margin:auto}
.servico{display:flex;align-items:center;flex-direction:column;gap:14px}
.servico p{text-align:center;color:#fff;font-weight:600;font-size:13px;line-height:1.35}
.card{width:96px;height:96px;display:grid;place-items:center;padding:17px;border-radius:28px;background:linear-gradient(145deg,var(--n1-blue),var(--n1-sky));box-shadow:0 16px 35px rgba(0,0,0,.18);transition:.3s}
.card img{max-width:60px;max-height:60px;filter:brightness(0) invert(1)}
.servico:hover .card{transform:translateY(-5px) scale(.98)}
.beneficios{position:relative;min-height:760px;display:flex;justify-content:flex-end;align-items:center;background:
  linear-gradient(90deg,rgba(8,17,33,.12) 0%,rgba(8,17,33,.48) 44%,rgba(8,17,33,.96) 68%),
  url('/assets/images/timephone-numberone-v1/microsoldadura-numberone.webp?v=1') left center/cover no-repeat;
}
.content-beneficios-geral{width:min(560px,48%);padding:46px 0}
.content-beneficios-geral .heading{text-align:left}
.content-beneficios-geral .heading h2{text-align:left;font-size:48px}
.content-beneficios{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.beneficio{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:14px}
.beneficio img{width:58px;height:58px;object-fit:contain;filter:brightness(0) invert(1)}
.beneficio p{text-align:left;color:#e6ebf4;font-size:13px;line-height:1.45}
.marcas{padding-top:38px;padding-bottom:38px;background:#fff;color:#1d2430}
.brand-list{display:flex;justify-content:center;gap:clamp(24px,5vw,70px);flex-wrap:wrap}
.brand-list span{font-weight:800;letter-spacing:.08em;color:#626a76;font-size:18px}
.localizacao{padding-top:80px;padding-bottom:0}
.location-heading{margin-bottom:36px}
.location-heading h3{font-size:28px}
.encontre{max-width:1220px;margin:auto}
.mapa{overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #0004}
.contatos{min-height:220px;display:grid;grid-template-columns:1fr auto 1fr;gap:34px;align-items:center;padding:40px 0}
.contatos>.Logo,.contatos a .Logo{width:180px;filter:brightness(0) invert(1)}
.contact-item strong{display:block;color:var(--n1-yellow);margin-bottom:10px}
.contact-item p{text-align:left;color:#c8d0dc;font-size:13px;line-height:1.6}
.contact-right{text-align:right}
.contact-right p{text-align:right}
.redes{display:flex;justify-content:flex-end;gap:14px;margin-top:14px}
.redes img{width:32px;height:32px}
footer{padding:18px 22px;background:linear-gradient(90deg,var(--n1-blue),var(--n1-sky));text-align:center}
footer p{font-size:12px;font-weight:600;color:#fff}

@media(max-width:900px){
  header{padding:18px 18px}
  .desktop-nav{justify-content:space-between}
  .menu{display:none}
  .brand{margin:0}
  .brand .Logo{width:120px}
  .menu-toggle{display:block}
  .mobile-menu.is-open{display:flex}
  .home{min-height:720px;background-position:62% center;padding-top:100px}
  .home::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,33,.95),rgba(8,17,33,.78) 65%,rgba(8,17,33,.48))}
  .txtHome{position:relative;z-index:1}
  .services-grid{grid-template-columns:repeat(3,1fr)}
  .beneficios{min-height:700px;background-position:42% center}
  .content-beneficios-geral{width:62%}
  .repair-banner{grid-template-columns:1fr 280px 1fr}
  .contatos{grid-template-columns:1fr;text-align:center}
  .contact-item p,.contact-right p{text-align:center}
  .contact-right{text-align:center}
  .redes{justify-content:center}
}
@media(max-width:640px){
  section{padding-inline:20px}
  .home{min-height:680px;background-position:67% center}
  .home h1{font-size:44px}
  .home-lead{font-size:14px}
  .repair-banner{margin:44px -20px 0;grid-template-columns:1fr;text-align:center;padding:34px 20px}
  .repair-banner>div{padding:12px 0}
  .repair-banner-right{text-align:center}
  .repair-banner img{height:220px;transform:none}
  .services-grid{grid-template-columns:repeat(2,1fr);gap:26px 14px}
  .card{width:82px;height:82px;border-radius:24px}
  .card img{max-width:48px;max-height:48px}
  .beneficios{min-height:760px;padding-top:64px;padding-bottom:64px;background:
    linear-gradient(180deg,rgba(8,17,33,.42),rgba(8,17,33,.94) 50%),
    url('/assets/images/timephone-numberone-v1/microsoldadura-numberone.webp?v=1') center/cover no-repeat;
  }
  .content-beneficios-geral{width:100%}
  .content-beneficios-geral .heading h2{text-align:center;font-size:40px}
  .content-beneficios-geral .heading{text-align:center}
  .content-beneficios{grid-template-columns:1fr;max-width:420px;margin:auto}
  .beneficio{grid-template-columns:58px 1fr}
  .marcas{padding-inline:18px}
  .brand-list{gap:24px}
  .brand-list span{font-size:14px}
  .localizacao{padding-top:60px}
  .location-heading h3{font-size:22px}
  .contatos{padding:30px 0}
  .btn-whats{right:18px;bottom:18px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


.anchor-target{position:relative;top:-110px;display:block;visibility:hidden}
.seo-content{background:#fff;color:#151b25;padding:90px clamp(22px,7vw,100px)}
.seo-shell{max-width:1180px;margin:auto}
.seo-kicker{color:#0000ff;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;text-align:left;margin-bottom:12px}
.seo-content h2{color:#101728;font-size:clamp(28px,3.2vw,46px);line-height:1.08;margin:0 0 20px}
.seo-content h3{color:#101728}
.seo-content p{color:#606a79;text-align:left;line-height:1.7;margin:0 0 18px}
.seo-content a{color:#0000ff;font-size:inherit;text-align:left}
.seo-content p a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.seo-links{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0 38px}
.seo-links a{display:inline-flex;padding:10px 14px;border:1px solid #dce2ec;border-radius:999px;background:#f8faff;color:#182030;font-size:12px;font-weight:650}
.seo-links a:hover{border-color:#0095ff;color:#0000ff}
.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:34px 0 58px}
.seo-grid article{padding:24px;border:1px solid #e2e7ef;border-radius:20px;background:#f9fbfe}
.seo-grid article h3{margin:0 0 10px;font-size:18px}
.seo-grid article p{font-size:13px;margin-bottom:12px}
.seo-block{margin-top:60px;padding-top:44px;border-top:1px solid #e5e9f0}
.seo-facts{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}
.seo-facts span{padding:12px 16px;border-radius:14px;background:#101728;color:#fff}
.seo-faq details{border-bottom:1px solid #e0e5ed;padding:17px 0}
.seo-faq summary{cursor:pointer;color:#101728;font-weight:700}
.seo-faq details p{margin:12px 0 0}
.seo-cta{margin-top:60px;padding:34px;border-radius:24px;background:linear-gradient(135deg,#101728,#132d52);display:flex;align-items:center;justify-content:space-between;gap:24px}
.seo-cta h2,.seo-cta p{color:#fff}
.seo-cta .seo-kicker{color:#ffcc00}
.seo-wa{display:inline-flex;white-space:nowrap;padding:14px 20px;border-radius:999px;background:#0000ff;color:#fff!important;font-weight:700}
@media(max-width:900px){.seo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
  .seo-content{padding:64px 20px}
  .seo-grid{grid-template-columns:1fr}
  .seo-links{gap:8px}
  .seo-links a{font-size:11px}
  .seo-cta{align-items:flex-start;flex-direction:column}
}


/* Official Number One brand-guide motifs */
body{font-family:'Manrope',Arial,sans-serif}
.home-kicker{
  display:flex;
  align-items:center;
  gap:10px;
}
.home-kicker::before{
  content:"";
  flex:0 0 auto;
  width:34px;height:15px;
  background:url('/assets/brand/brand-capsule.svg?v=1') center/contain no-repeat;
  filter:drop-shadow(0 3px 7px rgba(0,149,255,.28));
  animation:n1HomeSwitch 1.1s .22s cubic-bezier(.2,.8,.2,1) both;
}
.heading h3{
  background:linear-gradient(90deg,
    var(--n1-blue) 0 22%,
    var(--n1-sky) 22% 42%,
    var(--n1-green) 42% 60%,
    var(--n1-yellow) 60% 79%,
    #0073FF 79% 100%);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
}
.servico .card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#13243e,#0b1528)!important;
  box-shadow:0 16px 35px rgba(0,0,0,.18)!important;
}
.servico .card::after{
  content:"";
  position:absolute;
  left:12px;right:12px;bottom:9px;height:4px;border-radius:999px;
  background:var(--service-accent,#0000ff);
  box-shadow:0 0 18px color-mix(in srgb,var(--service-accent,#0000ff) 55%,transparent);
}
.servico:nth-child(1){--service-accent:#0000FF}
.servico:nth-child(2){--service-accent:#3ED4A4}
.servico:nth-child(3){--service-accent:#0095FF}
.servico:nth-child(4){--service-accent:#FFCC00}
.servico:nth-child(5){--service-accent:#0073FF}
.servico:nth-child(6){--service-accent:#0000FF}
.beneficio{
  position:relative;
  overflow:hidden;
}
.beneficio::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:4px;
  background:var(--benefit-accent,#0000ff);
}
.beneficio:nth-child(1){--benefit-accent:#0000FF}
.beneficio:nth-child(2){--benefit-accent:#3ED4A4}
.beneficio:nth-child(3){--benefit-accent:#FFCC00}
.beneficio:nth-child(4){--benefit-accent:#0095FF}
@keyframes n1HomeSwitch{
  0%{opacity:0;transform:translateX(-8px) scale(.84)}
  65%{opacity:1;transform:translateX(1px) scale(1.05)}
  100%{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .home-kicker::before{animation:none}
}


/* NUMBER ONE HOME REFINEMENT V4 */
.home{
  min-height:clamp(535px,72vh,660px)!important;
  padding-top:110px!important;padding-bottom:60px!important;
}
.txtHome{max-width:760px!important}
.home h1{
  max-width:none!important;
  font-size:clamp(34px,3.8vw,52px)!important;
  line-height:1.04!important;font-weight:850!important;
  letter-spacing:-.04em!important;text-transform:none!important;
  white-space:nowrap;
}
.home-lead{max-width:670px!important;font-size:15px!important;line-height:1.6!important}
.home-kicker{color:var(--n1-yellow)!important;font-size:10px!important;letter-spacing:.19em!important}
.sobre{padding-top:74px!important;padding-bottom:76px!important}
.sobre .heading h2{
  max-width:820px!important;margin:0 auto 18px!important;
  font-size:clamp(30px,3.3vw,46px)!important;line-height:1.08!important;
  letter-spacing:-.035em!important;font-weight:780!important;
}
.sobre .heading h3{margin:0!important}
.sobre .heading h3 .n1-home-about-logo{
  display:block;width:min(240px,62vw)!important;height:auto!important;margin:0 auto 24px!important;object-fit:contain!important;
}
.sobre .contentBx{max-width:880px!important}
.sobre .contentBx p{max-width:790px!important;font-size:14px!important;line-height:1.72!important;color:#cbd3df!important}
.repair-banner{min-height:248px!important;grid-template-columns:1fr minmax(250px,380px) 1fr!important}
.repair-banner img:not(.n1-banner-logo){height:248px!important}
.n1-banner-logo{display:block!important;width:min(165px,72%)!important;height:auto!important;object-fit:contain!important;margin:0 0 8px auto!important}
.marcas{padding:30px clamp(20px,6vw,84px)!important;background:var(--n1-surface)!important}
.brand-list.n1-real-brand-list{
  max-width:1180px!important;margin:auto!important;
  display:grid!important;grid-template-columns:repeat(6,minmax(88px,1fr))!important;
  gap:clamp(14px,2.7vw,36px)!important;align-items:center!important;
}
.n1-real-brand-list a{
  min-height:68px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  padding:10px 14px!important;border-radius:15px!important;background:transparent!important;
  transition:background .18s ease,transform .18s ease!important;
}
.n1-real-brand-list a:hover{background:#fff!important;transform:translateY(-2px)!important}
.n1-real-brand-list img{
  display:block!important;width:auto!important;height:auto!important;
  max-width:116px!important;max-height:34px!important;object-fit:contain!important;
}
.n1-real-brand-list .brand-icon img{max-width:44px!important;max-height:44px!important}
@media(max-width:900px){
  .home h1{white-space:normal!important}
  .brand-list.n1-real-brand-list{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:640px){
  .home{min-height:560px!important;padding-top:96px!important;padding-bottom:42px!important}
  .home h1{font-size:35px!important;white-space:normal!important}
  .home-lead{font-size:14px!important}
  .sobre .heading h2{font-size:31px!important}
  .repair-banner{grid-template-columns:1fr!important}
  .n1-banner-logo{margin:0 auto 8px!important}
  .brand-list.n1-real-brand-list{grid-template-columns:repeat(2,1fr)!important;gap:9px!important}
  .n1-real-brand-list a{min-height:60px!important}
}
@media(prefers-reduced-motion:reduce){
  .n1-real-brand-list a{transition:none!important}
}


/* HOME BRAND CLEANUP V5 */
.localizacion{padding-bottom:54px!important}
.localizacion .encontre{max-width:1220px!important}
.localizacion .mapa{margin-bottom:0!important}
.n1-global-footer-bottom>span:first-child{font-size:0!important}
.n1-global-footer-bottom>span:first-child::after{
  content:"Estación Central · Santiago";
  font-size:11px;color:#aaa;
}


/* NUMBER ONE MOBILE PERFORMANCE V15 */
@media(max-width:640px){
  .home{
    background:
      linear-gradient(90deg,rgba(8,17,33,.98) 0%,rgba(8,17,33,.92) 38%,rgba(8,17,33,.38) 72%,rgba(8,17,33,.18) 100%),
      url('/assets/images/premium/precision-repair-mobile-520.webp?v=1') 67% center/cover no-repeat!important;
  }
  .btn-whats{
    right:max(14px,env(safe-area-inset-right))!important;
    bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px))!important;
  }
}


/* NUMBER ONE HOME MOBILE EXPERIENCE V17 */
@media(max-width:640px){
  .home{
    min-height:510px!important;
    padding:86px 18px 32px!important;
    background:
      linear-gradient(90deg,rgba(8,17,33,.98) 0%,rgba(8,17,33,.90) 45%,rgba(8,17,33,.48) 78%,rgba(8,17,33,.25) 100%),
      url('/assets/images/premium/precision-repair-mobile-520.webp?v=1') 66% center/cover no-repeat!important;
  }
  .txtHome{max-width:325px!important}
  .home-kicker{
    margin-bottom:11px!important;
    font-size:9px!important;
    letter-spacing:.16em!important;
  }
  .home-kicker::before{width:24px!important;height:11px!important}
  .home h1{
    max-width:320px!important;
    font-size:32px!important;
    line-height:.98!important;
    letter-spacing:-.04em!important;
  }
  .home-lead{
    max-width:315px!important;
    margin-top:12px!important;
    font-size:12.5px!important;
    line-height:1.52!important;
  }
  .home .btn{
    min-height:44px!important;
    margin-top:18px!important;
    padding:11px 17px!important;
    font-size:12px!important;
  }

  .sobre{
    padding:48px 18px 0!important;
  }
  .sobre .heading{margin-bottom:18px!important}
  .sobre .heading h2{
    max-width:330px!important;
    margin:0 auto 12px!important;
    font-size:26px!important;
    line-height:1.05!important;
  }
  .sobre .heading h3 .n1-home-about-logo{
    width:150px!important;
    margin:0 auto 16px!important;
  }
  .sobre .contentBx p{
    max-width:330px!important;
    font-size:12.5px!important;
    line-height:1.58!important;
    margin-bottom:8px!important;
  }
  .repair-banner{
    margin:28px -18px 0!important;
    min-height:210px!important;
    height:210px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:46% 54%!important;
    grid-template-rows:1fr 1fr!important;
    text-align:left!important;
    overflow:hidden!important;
  }
  .repair-banner>div:first-child{
    grid-column:2!important;grid-row:1!important;
    align-self:end!important;
    padding:18px 15px 6px!important;
  }
  .repair-banner>img:not(.n1-banner-logo){
    grid-column:1!important;grid-row:1 / span 2!important;
    width:100%!important;height:210px!important;
    margin:0!important;border-radius:0!important;
    transform:none!important;object-fit:cover!important;
    box-shadow:none!important;
  }
  .repair-banner-right{
    grid-column:2!important;grid-row:2!important;
    align-self:start!important;
    text-align:left!important;
    padding:6px 15px 16px!important;
  }
  .repair-banner span{font-size:8px!important;letter-spacing:.12em!important}
  .repair-banner strong{
    margin-top:4px!important;
    font-size:19px!important;
    line-height:1.05!important;
  }
  .n1-banner-logo{
    width:88px!important;
    margin:0 0 4px!important;
  }

  .servicios{
    padding:48px 16px 52px!important;
  }
  .servicios .heading{margin-bottom:24px!important}
  .servicios .heading h2{font-size:28px!important}
  .services-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:20px 8px!important;
    max-width:360px!important;
  }
  .servico{gap:9px!important;min-width:0!important}
  .servico .card{
    width:72px!important;height:72px!important;
    padding:14px!important;border-radius:20px!important;
  }
  .servico .card img{max-width:42px!important;max-height:42px!important}
  .servico p{
    font-size:10.5px!important;
    line-height:1.25!important;
  }

  .beneficios{
    min-height:500px!important;
    padding:44px 18px!important;
    background:
      linear-gradient(180deg,rgba(8,17,33,.50),rgba(8,17,33,.96) 48%),
      url('/assets/images/optimized/premium/microsolder-lab-520.webp?v=1') center/cover no-repeat!important;
  }
  .content-beneficios-geral{
    width:100%!important;
    padding:0!important;
  }
  .content-beneficios-geral .heading{margin-bottom:22px!important}
  .content-beneficios-geral .heading h2{
    font-size:30px!important;
    text-align:left!important;
  }
  .content-beneficios{
    grid-template-columns:1fr!important;
    gap:12px!important;
    max-width:none!important;
  }
  .beneficio{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:11px!important;
    min-height:54px!important;
    padding:8px 0 8px 11px!important;
    border-radius:10px!important;
    background:rgba(8,17,33,.32)!important;
  }
  .beneficio img{width:38px!important;height:38px!important}
  .beneficio p{font-size:11.5px!important;line-height:1.35!important}
  .beneficios .btn{
    min-height:44px!important;
    margin-top:20px!important;
    padding:11px 17px!important;
    font-size:12px!important;
  }

  .marcas{padding:22px 14px!important}
  .brand-list.n1-real-brand-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .n1-real-brand-list a{
    min-height:52px!important;
    padding:8px!important;
  }
  .n1-real-brand-list img{max-width:82px!important;max-height:28px!important}
  .n1-real-brand-list .brand-icon img{max-width:36px!important;max-height:36px!important}

  .localizacao{
    padding:42px 12px 32px!important;
  }
  .location-heading{margin-bottom:22px!important}
  .location-heading h2{font-size:27px!important}
  .location-heading h3{font-size:14px!important;margin-top:4px!important}
  .mapa{border-radius:18px!important}
  .mapa iframe{height:260px!important;min-height:260px!important}

  .btn-whats{
    width:52px!important;height:52px!important;
  }
  .btn-whats img{width:26px!important}
}


/* NUMBER ONE HOME MOBILE V15 FINAL */
@media(max-width:640px){
  .home{
    min-height:460px!important;
    padding-top:92px!important;
    padding-bottom:38px!important;
  }
  .txtHome{
    width:100%!important;
    max-width:none!important;
  }
  .home-kicker{
    margin-bottom:10px!important;
    font-size:9px!important;
    letter-spacing:.16em!important;
  }
  .home h1{
    max-width:none!important;
    font-size:27px!important;
    line-height:1.04!important;
    white-space:nowrap!important;
    letter-spacing:-.04em!important;
  }
  .home-lead{
    max-width:345px!important;
    margin-top:12px!important;
    font-size:12.5px!important;
    line-height:1.5!important;
  }
  .home .btn{
    min-height:46px!important;
    padding:11px 17px!important;
    font-size:11.5px!important;
  }
  .sobre{
    padding-top:52px!important;
    padding-bottom:56px!important;
  }
  .sobre .heading h2{
    font-size:28px!important;
    line-height:1.08!important;
  }
  .sobre .contentBx p{
    font-size:13px!important;
    line-height:1.62!important;
  }
  .marcas{
    padding-top:24px!important;
    padding-bottom:24px!important;
  }
}
@media(max-width:360px){
  .home h1{
    font-size:24px!important;
    white-space:normal!important;
  }
}


/* NUMBER ONE HOME MOBILE EXPERIENCE V16 */
@media(max-width:720px){
  .home{
    min-height:430px!important;
    height:auto!important;
    padding:84px 14px 34px!important;
    align-items:center!important;
  }
  .txtHome{max-width:100%!important}
  .home-kicker{
    margin-bottom:9px!important;
    font-size:8px!important;
    letter-spacing:.16em!important;
  }
  .home h1{
    max-width:350px!important;
    margin-bottom:8px!important;
    font-size:30px!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }
  .home-lead{
    max-width:335px!important;
    margin-bottom:17px!important;
    font-size:11.5px!important;
    line-height:1.48!important;
  }
  .home .btn{
    min-height:44px!important;
    padding:0 16px!important;
    font-size:10px!important;
  }
  .btn-whats{
    width:48px!important;height:48px!important;
    right:12px!important;bottom:14px!important;
  }

  /* About: same narrative, less dead space. */
  .sobre{
    padding:38px 15px 30px!important;
  }
  .sobre .heading{margin-bottom:12px!important}
  .sobre .heading h2{
    max-width:330px!important;
    margin:0 auto 10px!important;
    font-size:25px!important;
    line-height:1.06!important;
  }
  .sobre .heading h3{margin:0!important}
  .sobre .heading h3 .n1-home-about-logo{
    width:126px!important;
    margin:0 auto 12px!important;
  }
  .sobre .contentBx{max-width:340px!important;margin:0 auto 18px!important}
  .sobre .contentBx p{
    margin:6px auto!important;
    font-size:11px!important;
    line-height:1.48!important;
  }
  .repair-banner{
    min-height:176px!important;
    grid-template-columns:.92fr 1.12fr .92fr!important;
    border-radius:0!important;
  }
  .repair-banner>div{padding:12px!important}
  .repair-banner>div span{font-size:7px!important;letter-spacing:.12em!important}
  .repair-banner strong{font-size:17px!important;line-height:1.06!important}
  .repair-banner img:not(.n1-banner-logo){
    height:176px!important;
    min-height:176px!important;
    object-fit:cover!important;
  }
  .n1-banner-logo{
    width:70px!important;
    max-height:58px!important;
    margin:0 auto 5px!important;
  }

  /* Services: six clear tap targets in a compact 3x2 grid. */
  .servicios{padding:34px 12px 30px!important}
  .servicios .heading{margin-bottom:15px!important}
  .servicios .heading h2{font-size:25px!important}
  .services-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .servico{
    min-height:92px!important;
    padding:7px 4px!important;
  }
  .servico .card{
    width:48px!important;height:48px!important;
    margin-bottom:6px!important;
  }
  .servico .card img{width:27px!important;height:27px!important}
  .servico p{
    font-size:8.5px!important;
    line-height:1.18!important;
  }

  /* Benefits: shorter, clearer, still four proof points. */
  .beneficios{
    min-height:0!important;
    padding:34px 14px 32px!important;
  }
  .beneficios .heading{margin-bottom:14px!important}
  .beneficios .heading h2{font-size:25px!important}
  .content-beneficios{gap:7px!important}
  .beneficio{
    min-height:48px!important;
    padding:8px 10px!important;
  }
  .beneficio img{width:28px!important;height:28px!important}
  .beneficio p{font-size:9.5px!important;line-height:1.25!important}
  .beneficios .btn{
    min-height:44px!important;
    margin-top:14px!important;
    padding:0 15px!important;
    font-size:9.5px!important;
  }

  /* Brand strip: discreet 3x2 matrix. */
  .marcas{padding:24px 16px!important}
  .brand-list.n1-real-brand-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px 12px!important;
  }
  .n1-real-brand-list a{
    min-height:48px!important;
    padding:6px!important;
  }
  .n1-real-brand-list img{
    max-width:82px!important;
    max-height:28px!important;
  }
  .n1-real-brand-list .brand-icon img{
    max-width:34px!important;
    max-height:34px!important;
  }

  /* Location: title + map, with less vertical padding. */
  .localizacion{
    padding:28px 12px 34px!important;
  }
  .location-heading{margin-bottom:14px!important}
  .location-heading h2{font-size:25px!important}
  .location-heading h3{font-size:11px!important}
  .localizacion .mapa{
    min-height:300px!important;
    border-radius:18px!important;
  }
  .localizacion .mapa iframe{height:300px!important}
}
@media(max-width:360px){
  .home h1{font-size:27px!important}
  .repair-banner strong{font-size:15px!important}
  .services-grid{gap:6px!important}
}


/* NUMBER ONE HOME MOBILE READABILITY V17 */
@media(max-width:720px){
  .servico p{
    font-size:10.25px!important;
    line-height:1.22!important;
    letter-spacing:-.01em!important;
  }
  .beneficio p{
    font-size:10.5px!important;
    line-height:1.3!important;
  }
  .sobre .contentBx p{
    font-size:11.5px!important;
    line-height:1.5!important;
  }
  .location-heading h3{
    font-size:11.5px!important;
  }
}


/* NUMBER ONE HOME MOBILE EXPERIENCE V15 — 2026-10-06 */
@media(max-width:640px){
  .home{
    min-height:400px!important;
    height:auto!important;
    padding:78px 14px 30px!important;
    background-position:66% center!important;
  }
  .txtHome{
    width:100%!important;
    max-width:100%!important;
  }
  .home-kicker{
    margin-bottom:8px!important;
    font-size:8.8px!important;
    letter-spacing:.16em!important;
  }
  .home h1{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    font-size:clamp(22px,7.45vw,29px)!important;
    line-height:1.03!important;
    letter-spacing:-.045em!important;
    white-space:nowrap!important;
  }
  .home-lead{
    max-width:330px!important;
    margin-top:10px!important;
    font-size:12px!important;
    line-height:1.5!important;
  }
  .home .btn{
    min-height:44px!important;
    margin-top:16px!important;
    padding:0 15px!important;
    font-size:10.5px!important;
  }

  .sobre{
    padding:34px 15px 26px!important;
  }
  .sobre .heading{margin-bottom:16px!important}
  .sobre .heading h2{
    max-width:330px!important;
    font-size:23px!important;
    line-height:1.08!important;
  }
  .sobre .heading h3 .n1-home-about-logo{
    width:126px!important;
    margin:12px auto 14px!important;
  }
  .sobre .contentBx p{
    max-width:340px!important;
    font-size:11.5px!important;
    line-height:1.58!important;
  }

  /* Keep the diagnostic / repair story, but as a compact mobile strip. */
  .repair-banner{
    min-height:138px!important;
    margin:24px -15px 0!important;
    padding:0!important;
    grid-template-columns:minmax(0,1fr) 118px minmax(0,1fr)!important;
    align-items:stretch!important;
    text-align:left!important;
  }
  .repair-banner>div{
    min-width:0!important;
    padding:15px 10px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .repair-banner>div:first-child{text-align:left!important}
  .repair-banner-right{text-align:right!important;align-items:flex-end!important}
  .repair-banner>img:not(.n1-banner-logo){
    width:118px!important;
    height:138px!important;
    min-height:138px!important;
    object-fit:cover!important;
    transform:none!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .repair-banner span{
    font-size:7.5px!important;
    letter-spacing:.10em!important;
  }
  .repair-banner strong{
    margin-top:5px!important;
    font-size:16px!important;
    line-height:1.04!important;
  }
  .repair-banner .n1-banner-logo{
    width:76px!important;
    max-height:62px!important;
    margin:0 0 7px auto!important;
  }

  .servicos{padding-top:38px!important;padding-bottom:38px!important}
  .servicos .heading h2{font-size:25px!important}
  .servico .card{min-height:104px!important}
  .servico .card p,
  .servico .card span{
    font-size:10px!important;
    line-height:1.18!important;
  }

  .beneficios{
    min-height:0!important;
    padding:42px 15px!important;
  }
  .content-beneficios-geral{padding:0!important}
  .beneficios .heading h2{font-size:26px!important}
  .content-beneficios{gap:10px!important}
  .beneficio{
    min-height:48px!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .beneficio img{width:30px!important;height:30px!important}
  .beneficio p{font-size:11px!important;line-height:1.35!important}

  .marcas{padding:18px 14px!important}
  .brand-list.n1-real-brand-list{
    gap:7px 10px!important;
  }
  .n1-real-brand-list a{
    min-height:46px!important;
    padding:6px 8px!important;
  }
  .n1-real-brand-list img{
    max-width:92px!important;
    max-height:31px!important;
  }
  .n1-real-brand-list .brand-icon img{
    max-width:38px!important;
    max-height:38px!important;
  }

  .localizacion{
    padding:28px 12px 30px!important;
  }
  .localizacion .heading h2{font-size:25px!important}
  .localizacion .mapa iframe{
    height:240px!important;
    min-height:240px!important;
  }
  .mapa{border-radius:16px!important}

  /* Reduce initial rendering work without changing document semantics. */
  .sobre,.servicos,.beneficios,.marcas,.localizacion,.n1-global-footer{
    content-visibility:auto;
  }
  .sobre{contain-intrinsic-size:500px}
  .servicos{contain-intrinsic-size:360px}
  .beneficios{contain-intrinsic-size:330px}
  .marcas{contain-intrinsic-size:132px}
  .localizacion{contain-intrinsic-size:390px}
  .n1-global-footer{contain-intrinsic-size:430px}
}
@media(max-width:350px){
  .home h1{font-size:21px!important}
  .repair-banner{grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr)!important}
  .repair-banner>img:not(.n1-banner-logo){width:104px!important}
  .repair-banner strong{font-size:14px!important}
}