/* Light and movement stay quiet enough to keep the products in focus. */
.icon-whatsapp{fill:currentColor;stroke:none}
.hero-actions>.button>.icon-whatsapp{width:19px;height:19px}
.floating-contact{width:58px;height:58px;padding:0;gap:0;justify-content:center;border-radius:50%}
.floating-contact .icon-whatsapp{width:28px;height:28px}
@media(max-width:640px){
 .hero-actions>.button>.icon-whatsapp{width:17px;height:17px}
 .floating-contact{width:54px;height:54px;padding:0}
 .floating-contact .icon-whatsapp{width:26px;height:26px}
}
.hero{--hero-delay:100px;--hero-travel:360px}
.hero-halo{animation:hero-breathe 6.5s ease-in-out infinite;transform-origin:50% 80%;will-change:opacity,transform}
.hero-halo::after{content:"";position:absolute;inset:10% 8% -10%;background:radial-gradient(ellipse 48% 64% at 50% 70%,#1e65dc38,transparent 80%);pointer-events:none}
.hero-phone{transform-origin:center;will-change:transform}
.hero.is-offscreen .hero-halo{animation-play-state:paused}
@keyframes hero-breathe{
  0%,100%{opacity:.62;transform:scale(.97)}
  50%{opacity:1;transform:scale(1.055)}
}

/* Real backdrop glass, with moving light behind the translucent surface. */
.boleto-section{position:relative;isolation:isolate}
.boleto-ambient{position:absolute;inset:80px -12px 0;overflow:hidden;border-radius:80px;pointer-events:none;z-index:-1}
.boleto-ambient::before,.boleto-ambient::after{content:"";position:absolute;border-radius:50%;filter:blur(28px);animation:glass-ambient 14s ease-in-out infinite alternate;will-change:transform}
.boleto-ambient::before{width:48%;height:100%;left:5%;top:14%;background:radial-gradient(ellipse,#1268d875,#0b3a8c44 42%,transparent 72%)}
.boleto-ambient::after{width:52%;height:84%;right:-7%;top:-14%;background:radial-gradient(ellipse,#8cbbe942,#1a5ab855 36%,transparent 70%);animation-delay:-7s;animation-direction:alternate-reverse}
.boleto-panel{--glass-x:30%;--glass-y:30%;background:linear-gradient(116deg,#ffffff13 0%,#ffffff03 36%,#b8d6ff0a 64%,#ffffff06 100%);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid #d1e4ff35;border-top-color:#e4efff66;border-left-color:#cadfff4a;border-radius:28px;box-shadow:0 26px 60px #0005,inset 0 1px 0 #ffffff29,inset 0 -1px 0 #bed9ff13;overflow:hidden}
.boleto-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 70% at var(--glass-x) var(--glass-y),#e4f3ff17,transparent 75%);z-index:0}
.boleto-panel::after{inset:1px;border:0;border-radius:27px;box-shadow:inset 0 0 18px #d9ebff08;pointer-events:none;background:linear-gradient(125deg,transparent 10%,#ffffff10 10.2%,transparent 10.7%,transparent 69%,#ffffff07 69.2%,transparent 70%);opacity:.75}
.boleto-art,.boleto-copy{z-index:1}
.boleto-art::after{background:linear-gradient(transparent,#bed7ff33,transparent)}
.boleto-offer>strong{background:linear-gradient(150deg,#c4e5ff 3%,#6caeff 30%,#2c83ff 60%,#1261e0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 24px #257eff24)}
.boleto-art>.eyebrow{color:#cedff5}
.boleto-art>.eyebrow>.icon{color:#95bfff}
.big-barcode{opacity:.48}
.boleto-copy h2>span{color:#b6c5da}
.boleto-copy>p{color:#bac6d7}
.boleto-copy>small{color:#a2b0c4;}
.boleto-copy>.button{border:1px solid #fff9;background:linear-gradient(160deg,#ffffff,#d8e9ff);box-shadow:0 6px 24px #0003,inset 0 1px 1px #fff;border-radius:12px}
.boleto-copy>.button:hover{transform:translateY(-2px);box-shadow:0 9px 30px #0b397d55,inset 0 1px 1px #fff}
@keyframes glass-ambient{from{transform:translate3d(-4%,-5%,0) scale(.94)}to{transform:translate3d(14%,8%,0) scale(1.12)}}
.boleto-section.is-offscreen .boleto-ambient::before,.boleto-section.is-offscreen .boleto-ambient::after{animation-play-state:paused}

/* Assistance now shares the typographic scale of the rest of the page. */
.repair-section{--repair-height:calc(100svh - var(--header-height) - 1px);--repair-travel:clamp(520px,95svh,1000px)}
.repair-scroll{height:calc(var(--repair-height) + var(--repair-travel))}
.repair-sticky{position:sticky;top:var(--header-height);height:var(--repair-height)}
.repair-layout{grid-template-columns:minmax(250px,32%) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:40px;padding-top:28px;padding-bottom:24px}
.repair-layout>.section-heading>p{color:#a8b6cb}
.repair-story{padding:14px 0 22px}
.repair-story>.eyebrow{color:#94a9c9}
.repair-current>span{color:#81b4ff}
.repair-current>span>span{color:#8c9bb2}
.repair-current h3{margin:16px 0}
.repair-current p{color:#aab8cc;max-width:330px}
.scroll-hint{color:#839bbf}
.repair-layer{width:min(84%,106.8cqh,576px);--spread-y:min(13.8cqh,82px)}
.repair-axis{opacity:calc(var(--open)*.25)}
.repair-step-buttons button{min-height:52px;color:#91a2ba}
.repair-step-buttons button>span{color:#7b91b1}
.repair-step-buttons button.active,.repair-step-buttons button.active>span{color:#a7ccff}
.service-chips{gap:18px}
.service-chips>span{color:#a5b4ca;gap:7px}
.service-chips .icon{width:17px;height:17px}
.repair-services>.button{min-height:48px}
.repair-section>.repair-services{padding-top:22px;padding-bottom:24px}

@media(min-width:641px) and (max-height:760px){
 .repair-layout{padding-top:18px;padding-bottom:14px}
 .repair-layout>.section-heading{margin-bottom:10px}
 .repair-layout>.section-heading>p{display:none}
 .repair-story{padding:8px 0 12px}
 .repair-current h3{margin:10px 0}
 .scroll-hint{display:none}
}
@media(max-width:1000px) and (min-width:641px){
 .repair-layout{column-gap:20px;grid-template-columns:minmax(225px,36%) minmax(0,1fr)}
 .repair-layout>.section-heading>p{display:none}
 .repair-layer{width:min(94%,106.8cqh,516px)}
 .repair-services{flex-wrap:wrap}
 .service-chips{gap:14px}
 .repair-services>.button{margin-left:0}
}
@media(max-width:640px){
 .hero{--hero-delay:100px;--hero-travel:290px}
 .boleto-ambient{inset:50px -8px 0}
 .boleto-ambient::before{width:110%;height:65%;left:-30%}
 .boleto-ambient::after{width:100%;height:60%;right:-30%;top:38%}
 .boleto-panel{border-radius:24px;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}
 .boleto-panel::after{border-radius:23px}
 .boleto-copy>.button{min-height:54px}
 .repair-section{--repair-travel:clamp(520px,95svh,800px)}
 .repair-layout{padding-top:20px;padding-bottom:14px}
 .repair-layout>.section-heading{margin-bottom:18px}
 .repair-story{padding:0}
 .repair-current{height:130px;min-height:130px;padding-left:60px}
 .repair-current h3{margin:0 0 10px}
 .repair-current p{max-width:295px}
 .repair-stage{min-height:0;flex:1}
 .repair-layer{width:min(94%,106.8cqh,408px)}
 .repair-step-buttons button{min-height:54px;gap:6px}
 .service-chips{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .service-chips>span{width:auto;gap:7px}
 .repair-services>.button{min-height:48px;margin-top:18px}
}
@media(max-width:640px) and (max-height:700px){
 .repair-layout{padding-top:14px;padding-bottom:10px}
 .repair-layout>.section-heading{margin-bottom:14px}
 .repair-current{height:140px;min-height:140px;padding-left:54px}
 .repair-steps{margin-top:4px}
 .repair-step-buttons button{min-height:48px;padding-top:9px;padding-bottom:9px}
}
@media(max-height:500px) and (min-width:641px){
 .repair-layout{padding-top:12px;padding-bottom:8px;grid-template-columns:minmax(230px,38%) minmax(0,1fr)}
 .repair-layout>.section-heading{display:none}
 .repair-layout{grid-template-rows:minmax(0,1fr) auto}
 .repair-story>.eyebrow{display:none}
 .repair-story{justify-content:center}
 .repair-step-buttons button{padding-top:9px;padding-bottom:9px;min-height:44px}
}
@supports not (backdrop-filter:blur(1px)){
 .boleto-panel{background:linear-gradient(125deg,#172738e8,#0e1727ed)}
}
@media(prefers-reduced-motion:reduce){
 .repair-scroll{height:auto}
 .repair-sticky{position:relative;top:0}
 .hero-halo,.boleto-ambient::before,.boleto-ambient::after{animation:none;will-change:auto}
 .hero-phone{will-change:auto}
 .boleto-copy>.button:hover{transform:none}
}