:root{
  --blue:#0066ee;
  --blue-dark:#022966;
  --blue-mid:#0b55cc;
  --yellow:#fddf02;
  --cream:#fffdf1;
  --soft:#f5f8ff;
  --ink:#0d1b36;
  --muted:#5e6c84;
  --line:#dfe7f3;
  --white:#fff;
  --shadow:0 18px 55px rgba(2,41,102,.10);
}
*{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:#fff;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.container{width:min(1180px,calc(100% - 34px));margin-inline:auto}
.topbar{background:var(--blue-dark);color:#fff;font-size:12px}
.topbar-inner{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar-inner>div{display:flex;align-items:center;gap:18px;color:#dbe7ff}.topbar a{color:#fff;font-weight:800}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(2,41,102,.08)}
.nav-wrap{min-height:82px;display:flex;align-items:center;gap:24px}
.brand{width:132px;flex:0 0 auto;align-self:stretch;display:flex;align-items:center;overflow:hidden}.brand img{width:132px;height:auto}
.desktop-nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:14px;font-weight:700;color:#33435f}
.desktop-nav a{position:relative;padding:8px 0}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--yellow);transition:.2s}.desktop-nav a:hover{color:var(--blue)}.desktop-nav a:hover:after{right:0}
.nav-actions{display:flex;align-items:center;gap:10px}.phone-link{font-weight:800;color:var(--blue-dark);font-size:14px;padding:10px 6px}
.menu-button{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;width:44px;height:44px;color:var(--blue-dark);font-size:21px}
.mobile-menu{display:none;padding:4px 17px 16px;background:#fff;border-top:1px solid var(--line)}.mobile-menu a:not(.btn){display:block;padding:11px 2px;font-weight:700;border-bottom:1px solid #edf2f8}.mobile-menu.open{display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:13px;padding:0 20px;font-weight:800;font-size:14px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;border:1px solid transparent;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}.btn-sm{min-height:42px;padding:0 18px}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(0,102,238,.18)}.btn-primary:hover{background:#0059d4}
.btn-outline{background:#fff;border-color:#cfd9e8;color:var(--blue-dark)}.btn-outline:hover{border-color:var(--blue);color:var(--blue)}
.btn-yellow{background:var(--yellow);color:var(--blue-dark);box-shadow:0 10px 24px rgba(253,223,2,.18)}.btn-yellow:hover{background:#ffe62c}
.btn-light-outline{border-color:rgba(255,255,255,.38);color:#fff;background:rgba(255,255,255,.04)}
.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#fff 0%,#fff 58%,#f4f8ff 58%,#eef5ff 100%);padding:46px 0 42px}.hero:before{content:"";position:absolute;left:-80px;top:-90px;width:250px;height:250px;border-radius:50%;background:rgba(253,223,2,.18);filter:blur(6px)}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:54px;align-items:center;position:relative}
.kicker{display:inline-flex;align-items:center;gap:9px;color:var(--blue-dark);background:#eef5ff;border:1px solid #d9e8ff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;letter-spacing:.02em}.kicker span{width:8px;height:8px;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 4px rgba(253,223,2,.18)}
h1,h2,h3{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0;color:var(--blue-dark)}
h1{font-size:clamp(40px,5vw,66px);line-height:1.01;letter-spacing:-.05em;margin-top:16px;max-width:680px}.hero-text{font-size:18px;line-height:1.55;color:var(--muted);max-width:620px;margin:16px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.proof-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;color:#4f5f76;font-size:13px;font-weight:700}.proof-row span{display:flex;align-items:center;gap:7px}.proof-row b{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e9f2ff;color:var(--blue);font-size:12px}
.hero-media{position:relative;min-width:0}.hero-photo{border-radius:24px 24px 24px 74px;overflow:hidden;box-shadow:var(--shadow);border:5px solid #fff;background:#e8edf5}.hero-photo img{width:100%;height:390px;object-fit:cover}.hero-badge{position:absolute;border-radius:15px;padding:11px 14px;box-shadow:0 14px 35px rgba(2,41,102,.15);display:flex;flex-direction:column;line-height:1.15}.hero-badge strong{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px}.hero-badge span{font-size:11px;margin-top:3px}.badge-yellow{left:-18px;top:28px;background:var(--yellow);color:var(--blue-dark);transform:rotate(-2deg)}.badge-blue{right:-14px;bottom:24px;background:var(--blue-dark);color:#fff;transform:rotate(2deg)}
.quick-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr)}.quick-grid article{display:flex;gap:13px;align-items:center;padding:17px 24px;border-right:1px solid var(--line)}.quick-grid article:first-child{padding-left:0}.quick-grid article:last-child{border-right:0;padding-right:0}.quick-grid article>span{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:800;color:var(--blue);background:#edf4ff;border-radius:10px;min-width:38px;height:38px;display:grid;place-items:center}.quick-grid b,.quick-grid small{display:block}.quick-grid b{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--blue-dark);font-size:14px}.quick-grid small{color:var(--muted);font-size:12px;margin-top:2px}
.section{padding:58px 0}.section-soft{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.section-head>div{max-width:650px}.section-head>p{max-width:430px;color:var(--muted);line-height:1.55;margin:0}.eyebrow{margin:0 0 7px;color:var(--blue);font-weight:800;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.section h2,.coverage-bar h2,.cta-box h2{font-size:clamp(29px,3.6vw,43px);line-height:1.08;letter-spacing:-.035em}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(2,41,102,.05);transition:.2s}.service-card:hover{transform:translateY(-3px);box-shadow:0 15px 36px rgba(2,41,102,.10)}.service-card img{width:100%;height:150px;object-fit:cover}.service-copy{padding:15px 16px 17px}.service-copy h3{font-size:17px;letter-spacing:-.02em}.service-copy p{color:var(--muted);font-size:13px;line-height:1.45;margin:7px 0 0}
.two-col{display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:stretch}.process-panel{padding:8px 4px}.process-panel>p:not(.eyebrow){color:var(--muted);line-height:1.55;max-width:650px;margin:11px 0 0}.steps{display:grid;gap:8px;margin-top:20px}.steps>div{display:grid;grid-template-columns:37px 1fr;gap:12px;align-items:start;padding:12px 14px;background:#f8faff;border:1px solid #e7edf6;border-radius:13px}.steps span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--blue);color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:800}.steps p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.steps b{color:var(--blue-dark);display:block;margin-bottom:2px}
.why-card{background:var(--blue-dark);border-radius:22px;padding:24px;color:#fff;position:relative;overflow:hidden}.why-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-65px;top:-65px;background:rgba(253,223,2,.12)}.why-title{display:flex;align-items:flex-start;gap:13px;position:relative;z-index:1}.why-title>span{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:var(--yellow);color:var(--blue-dark);font-size:18px;flex:0 0 auto}.why-title small{display:block;color:#a9c4f6;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.why-title h3{color:#fff;font-size:23px;line-height:1.1;margin-top:4px}.why-card ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:11px;position:relative;z-index:1}.why-card li{display:flex;gap:10px;align-items:flex-start}.why-card li>span{color:var(--yellow);font-weight:900}.why-card b,.why-card small{display:block}.why-card b{font-size:13px}.why-card small{color:#c7d5ee;font-size:12px;margin-top:2px;line-height:1.35}.why-card .btn{width:100%;position:relative;z-index:1}
.coverage-bar{background:var(--cream);border-top:1px solid #f2e9a9;border-bottom:1px solid #f2e9a9;padding:34px 0}.coverage-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}.coverage-inner h2{font-size:30px}.coverage-inner>p{margin:0;color:#5e6070;line-height:1.55}
.cities-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:start}.cities-intro p:not(.eyebrow){color:var(--muted);line-height:1.55;margin:12px 0 0}.city-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.city-card{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 14px;transition:.18s}.city-card:hover{border-color:#aac9f8;transform:translateY(-1px);box-shadow:0 8px 22px rgba(2,41,102,.06)}.city-card b,.city-card small{display:block}.city-card b{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--blue-dark);font-size:14px}.city-card small{font-size:11px;color:var(--muted);margin-top:2px}.city-card>strong{color:var(--blue);font-size:18px}
.faq-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:40px;align-items:start}.faq-intro>p:not(.eyebrow){color:var(--muted);line-height:1.5;margin:12px 0}.text-link{color:var(--blue);font-weight:800;font-size:13px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:700;color:var(--blue-dark);font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{font-style:normal;color:var(--blue);font-size:24px;line-height:1;transition:.2s}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list details p{margin:-3px 36px 16px 0;color:var(--muted);font-size:13px;line-height:1.55}
.cta-section{padding:0 0 48px}.cta-box{background:linear-gradient(135deg,var(--blue-dark),#063b91);border-radius:24px;padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:34px;position:relative;overflow:hidden}.cta-box:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:rgba(253,223,2,.12);right:-70px;top:-85px}.cta-box>div{position:relative;z-index:1}.cta-box h2{color:#fff;font-size:35px}.cta-box p:not(.eyebrow){margin:8px 0 0;color:#c6d8f6}.eyebrow-light{color:#95bcff}.cta-actions{display:flex;gap:9px;flex:0 0 auto}
.footer{border-top:1px solid var(--line);background:#fff;padding-bottom:14px}.footer-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:26px}.footer-logo{width:116px}.footer-logo img{width:100%;height:auto}.footer-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 20px;color:var(--muted);font-size:12px}.footer-meta a{color:var(--blue-dark);font-weight:800}
.mobile-cta{display:none}
@media(max-width:980px){.desktop-nav{display:none}.menu-button{display:grid;place-items:center;margin-left:auto}.nav-actions{display:none}.nav-wrap{min-height:76px}.brand{width:112px}.brand img{width:112px}.hero{padding:34px 0}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{max-width:760px}.hero-media{max-width:720px;width:100%;margin-inline:auto}.hero-photo img{height:390px}.section{padding:48px 0}.service-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.cities-layout,.faq-layout,.coverage-inner{grid-template-columns:1fr}.cities-intro,.faq-intro{max-width:680px}.cta-box{align-items:flex-start;flex-direction:column}.cta-actions{width:100%}.cta-actions .btn{flex:1}.section-head{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:20px}}
@media(max-width:700px){.container{width:min(100% - 24px,1180px)}.topbar-inner>span{display:none}.topbar-inner{justify-content:center}.topbar-inner>div{width:100%;justify-content:space-between}.site-header{top:0}.nav-wrap{min-height:70px}.brand{width:103px}.brand img{width:103px}.hero{background:linear-gradient(180deg,#fff 0%,#f4f8ff 100%);padding:27px 0 30px}.hero-grid{gap:24px}h1{font-size:39px;line-height:1.02}.hero-text{font-size:16px;margin-top:13px}.hero-actions{margin-top:18px}.hero-actions .btn{flex:1;min-width:145px}.proof-row{gap:10px 14px;margin-top:14px;font-size:12px}.hero-photo{border-radius:20px 20px 20px 48px}.hero-photo img{height:300px}.hero-badge{padding:9px 11px}.badge-yellow{left:-4px;top:15px}.badge-blue{right:-3px;bottom:15px}.quick-grid{grid-template-columns:1fr}.quick-grid article{border-right:0;border-bottom:1px solid var(--line);padding:12px 0}.quick-grid article:last-child{border-bottom:0}.section{padding:42px 0}.section-head{margin-bottom:18px}.section h2,.coverage-bar h2,.cta-box h2{font-size:30px}.service-grid{grid-template-columns:1fr 1fr;gap:9px}.service-card img{height:118px}.service-copy{padding:12px}.service-copy h3{font-size:14px}.service-copy p{font-size:11px}.why-card{padding:20px}.city-grid{grid-template-columns:1fr}.faq-layout{gap:22px}.cta-section{padding-bottom:34px}.cta-box{padding:24px 20px;border-radius:20px}.cta-actions{flex-direction:column}.footer{padding-bottom:80px}.footer-inner{min-height:auto;padding:20px 0;align-items:flex-start}.footer-logo{width:95px}.footer-meta{justify-content:flex-end;gap:5px 12px}.mobile-cta{position:fixed;z-index:60;display:grid;grid-template-columns:.8fr 1.2fr;gap:8px;left:8px;right:8px;bottom:8px;background:#fff;padding:7px;border:1px solid var(--line);border-radius:15px;box-shadow:0 12px 38px rgba(2,41,102,.18)}.mobile-cta a{min-height:45px;display:grid;place-items:center;border-radius:10px;font-weight:800;font-size:13px}.mobile-cta a:first-child{border:1px solid #ccd8ea;color:var(--blue-dark)}.mobile-cta a:last-child{background:var(--blue);color:#fff}}
@media(max-width:420px){h1{font-size:34px}.hero-actions{display:grid;grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:120px 1fr}.service-card img{height:100%;min-height:120px}.service-copy{display:flex;flex-direction:column;justify-content:center}.badge-blue{display:none}.footer-inner{flex-direction:column}.footer-meta{justify-content:flex-start}}

/* V4 · Galería administrable */
.gallery-section{background:#fff}
.gallery-head{margin-bottom:18px}
.photo-reel{position:relative}
.reel-viewport{overflow:hidden;border-radius:20px}
.reel-track{display:flex;gap:12px;width:100%;overflow:visible;padding:2px 2px 10px;will-change:transform;transform:translate3d(0,0,0)}.reel-track.is-auto-scrolling{scroll-snap-type:none;scroll-behavior:auto}
.reel-item{position:relative;flex:0 0 calc((100% - 24px)/3);min-width:0;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#eef3fb;scroll-snap-align:start;margin:0;border:1px solid var(--line)}
.reel-item img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.reel-item:hover img{transform:scale(1.025)}
.reel-item figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 10px;border-radius:11px;background:rgba(2,41,102,.82);backdrop-filter:blur(8px);color:#fff;font-size:12px;line-height:1.35}
.reel-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:var(--blue-dark);font-size:29px;line-height:1;display:grid;place-items:center;box-shadow:0 10px 28px rgba(2,41,102,.18);cursor:pointer}
.reel-prev{left:-17px}.reel-next{right:-17px}.reel-arrow:hover{background:var(--yellow)}
@media(max-width:800px){.reel-item{flex-basis:calc((100% - 12px)/2)}.reel-prev{left:-4px}.reel-next{right:-4px}}
@media(max-width:520px){.reel-item{flex-basis:86%}.reel-arrow{display:none}.gallery-head>p{display:none}}


/* V5.2.5 · Beneficios compactos por ciudad */
.city-trust-section{padding:40px 0 42px;background:#fff;border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8}
.city-trust-head{text-align:center;max-width:760px;margin:0 auto 28px}.city-trust-head .eyebrow{margin-bottom:6px}.city-trust-head h2{font-size:clamp(29px,3.3vw,42px);letter-spacing:-.035em}
.city-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.city-trust-item{position:relative;text-align:center;padding:0 24px;min-width:0}.city-trust-item+.city-trust-item{border-left:1px solid #e6edf7}
.city-trust-mark{display:block;width:34px;height:4px;border-radius:999px;background:var(--yellow);margin:0 auto 12px}
.city-trust-item h3{font-size:25px;line-height:1.08;letter-spacing:-.025em;color:var(--blue-dark)}
.city-trust-item strong{display:block;margin-top:3px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:20px;line-height:1.15;font-weight:600;color:var(--blue)}
.city-trust-item p{max-width:270px;margin:15px auto 0;color:#5d6574;font-size:13.5px;line-height:1.55}
@media(max-width:900px){.city-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}.city-trust-item:nth-child(3){border-left:0}.city-trust-item:nth-child(n+3){border-top:1px solid #e6edf7;padding-top:25px}.city-trust-section{padding:36px 0}.city-trust-head{margin-bottom:24px}}
@media(max-width:560px){.city-trust-grid{grid-template-columns:1fr;row-gap:0}.city-trust-item{padding:20px 4px}.city-trust-item+.city-trust-item,.city-trust-item:nth-child(3){border-left:0;border-top:1px solid #e6edf7}.city-trust-item:first-child{padding-top:0}.city-trust-item h3{font-size:22px}.city-trust-item strong{font-size:18px}.city-trust-item p{margin-top:10px;max-width:330px}.city-trust-head h2{font-size:29px}.city-trust-head{margin-bottom:14px}}

/* V5.2.8 · Tipografía, barra horario, mapa y quiénes somos */
.topbar{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.topbar-inner{min-height:31px;font-size:11px}.topbar-inner>span{font-weight:800;letter-spacing:.03em;text-transform:uppercase}.topbar-inner>div{gap:14px}
.city-map-section{padding:40px 0;background:#f7faff;border-top:1px solid #e6edf7;border-bottom:1px solid #e6edf7}.city-map-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px;align-items:center}.city-map-copy h2{margin:4px 0 10px;font-size:clamp(27px,3vw,38px);color:var(--blue-dark)}.city-map-copy p{color:#5d6574;line-height:1.6}.city-map-frame{overflow:hidden;border-radius:18px;border:1px solid var(--line);background:#eaf0f8;min-height:300px}.city-map-frame iframe{display:block;width:100%;height:320px;border:0}.about-hero{padding:52px 0 40px;background:linear-gradient(135deg,#fff,#f1f6ff)}.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:46px;align-items:center}.about-grid h1{font-size:clamp(40px,5vw,64px);margin:0;color:var(--blue-dark);letter-spacing:-.045em}.about-intro{margin:18px 0 0;max-width:760px;color:#536072;font-size:18px;line-height:1.65}.about-logo-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;display:grid;place-items:center;text-align:center}.about-logo-card img{width:min(330px,100%);height:auto}.about-logo-card span{margin-top:10px;color:#687386;font-size:12px;font-weight:700}.about-story{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:44px;align-items:start}.about-story-copy{font-size:16px;line-height:1.8;color:#3f4b5d}.about-story-copy p{margin:0 0 20px}.about-side{position:sticky;top:94px;background:var(--blue-dark);color:#fff;border-radius:20px;padding:24px}.about-side h2{margin:7px 0 10px;font-size:27px}.about-side p{color:#d8e4fa;line-height:1.6}.about-side .btn{margin-top:10px}
@media(max-width:800px){.city-map-grid,.about-grid,.about-story{grid-template-columns:1fr}.city-map-frame iframe{height:280px}.about-hero{padding:34px 0}.about-side{position:static}}
@media(max-width:560px){.topbar-inner{min-height:28px;font-size:10px}.topbar-inner>div{gap:8px}.topbar-inner>div span{white-space:nowrap}.city-map-section{padding:32px 0}.city-map-frame iframe{height:240px}.about-grid h1{font-size:38px}.about-intro{font-size:16px}}

/* V5.3.2 · Widget externo de reseñas Starwall */
.starwall-reviews-section{background:#fff;padding:38px 0}
.starwall-reviews-section #reviews-widget-406{min-height:120px}
@media(max-width:640px){.starwall-reviews-section{padding:28px 0}}

/* V5.3.4 · Landing Armenia orientada a conversión */
.armenia-quote-section{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border-bottom:1px solid var(--line)}
.quote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.quote-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;background:#fff;border:1px solid var(--line);border-radius:16px;min-width:0;transition:.18s ease}
.quote-card:hover{border-color:#b8d2fb;box-shadow:0 10px 28px rgba(2,41,102,.07);transform:translateY(-1px)}
.quote-card span{display:block;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.quote-card h3{margin-top:3px;font-size:17px;letter-spacing:-.02em}
.quote-card strong{flex:0 0 auto;padding:7px 9px;border-radius:9px;background:#eef5ff;color:var(--blue);font-size:11px;white-space:nowrap}
.quote-cta{margin-top:12px;padding:15px 17px;border-radius:16px;background:var(--blue-dark);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px}
.quote-cta b,.quote-cta span{display:block}.quote-cta b{font-size:14px}.quote-cta span{margin-top:2px;color:#cbdcf8;font-size:12px}.quote-cta .btn{min-height:42px}

.armenia-includes-section{background:var(--soft);border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8}
.includes-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:start}
.includes-intro{position:sticky;top:112px}.includes-intro h2{font-size:clamp(29px,3.5vw,42px)}.includes-intro>p:not(.eyebrow){color:var(--muted);line-height:1.6;margin:12px 0 13px}.text-link{color:var(--blue);font-weight:800;font-size:13px}
.includes-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.includes-grid article{display:grid;grid-template-columns:40px 1fr;gap:11px;padding:15px;background:#fff;border:1px solid var(--line);border-radius:14px;min-width:0}
.includes-grid article>span{width:34px;height:34px;border-radius:10px;background:var(--blue-dark);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}
.includes-grid h3{font-size:15px;line-height:1.2}.includes-grid p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}

.armenia-concerns-section{background:#fff}
.concerns-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.concern-card{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff;overflow:hidden}
.concern-card h2{font-size:clamp(27px,3vw,38px);margin-bottom:10px}.concern-card>p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.62}
.concern-card ul{padding:0 0 0 20px;margin:17px 0 0;list-style:disc;display:grid;gap:8px}.concern-card li{position:static;padding-left:0;color:#4f5d72;font-size:13px;line-height:1.4}.concern-card li:before{content:none;display:none}
.concern-blue{background:linear-gradient(145deg,#f1f6ff,#fff)}
.stain-tags{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.stain-tags span{padding:7px 9px;border-radius:999px;background:#f3f6fb;border:1px solid #e1e8f2;color:#42506a;font-size:11px;font-weight:700}

@media(max-width:900px){.quote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.includes-layout{grid-template-columns:1fr}.includes-intro{position:static;max-width:760px}.concerns-grid{grid-template-columns:1fr}}
@media(max-width:620px){.quote-grid{grid-template-columns:1fr}.quote-card{padding:14px}.quote-cta{align-items:flex-start;flex-direction:column}.quote-cta .btn{width:100%}.includes-grid{grid-template-columns:1fr}.concern-card{padding:19px}.armenia-quote-section,.armenia-includes-section,.armenia-concerns-section{padding-top:38px;padding-bottom:38px}}

.process-section{padding-top:46px}.process-head{align-items:end}.process-head p:not(.eyebrow){max-width:540px;color:var(--muted);line-height:1.6;margin:0}.process-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.process-step{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 18px;box-shadow:0 10px 28px rgba(2,41,102,.06)}.process-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,#f6fbff 0%,#edf4ff 100%);border:1px solid #dce7f7;color:var(--blue);font-size:24px;margin-bottom:15px}.process-step h3{margin:0 0 7px;font-size:18px;line-height:1.2}.process-step p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.process-inline-cta{display:flex;justify-content:center;margin-top:18px}.process-inline-cta .btn{min-width:230px}@media(max-width:980px){.process-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.process-head{align-items:flex-start}}@media(max-width:700px){.process-strip{grid-template-columns:1fr;gap:10px}.process-step{padding:18px 16px;border-radius:18px}.process-icon{width:48px;height:48px;font-size:22px}.process-step h3{font-size:17px}.process-head p:not(.eyebrow){font-size:14px}.process-inline-cta .btn{width:100%}}


/* V5.3.7 · Como funciona numerado, proceso de lavado y rangos orientativos */
.how-section{padding:34px 0 42px;background:#fff}
.how-head,.washing-head,.price-head{align-items:end}
.how-head>p:not(.eyebrow),.washing-head>p:not(.eyebrow),.price-head>p:not(.eyebrow){max-width:540px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
.how-step{padding:18px 18px 17px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(2,41,102,.045);min-width:0}
.how-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.how-number{font-size:13px;font-weight:900;letter-spacing:.12em;color:var(--blue);background:#edf4ff;border:1px solid #dce9ff;border-radius:9px;padding:6px 9px}
.how-icon,.washing-icon,.price-icon{display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:#fff9cf;color:var(--blue-dark);border:1px solid #f4e88b}
.how-icon{width:45px;height:45px;font-size:21px}
.how-step h3{font-size:17px;line-height:1.25;margin:0 0 7px}
.how-step p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}
.how-cta{display:flex;justify-content:center;margin-top:17px}
.how-cta .btn{min-width:230px}
.washing-section{background:var(--soft);border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8;padding:42px 0}
.washing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.washing-step{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px 18px;min-width:0}
.washing-step-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.washing-number{font-size:12px;font-weight:900;letter-spacing:.1em;color:#71809a}
.washing-icon{width:44px;height:44px;font-size:20px;background:#edf4ff;border-color:#dce8fa;color:var(--blue)}
.washing-step h3{font-size:16px;line-height:1.25;margin:0 0 6px}
.washing-step p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}
.price-section{padding:42px 0}
.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px}
.price-card{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;min-width:0}
.price-icon{width:40px;height:40px;font-size:18px;background:#fff9cf;flex:0 0 auto}
.price-info{min-width:0;flex:1}
.price-info h3{font-size:14px;line-height:1.25;margin:0 0 3px}
.price-info small{font-size:11px;color:var(--muted)}
.price-card>strong{font-size:13px;color:var(--blue-dark);white-space:nowrap;text-align:right}
.price-note{display:flex;align-items:flex-start;gap:10px;margin-top:13px;padding:12px 14px;background:#fffbea;border:1px solid #f4e99c;border-radius:12px;color:#5c5119}
.price-note>i{font-size:17px;line-height:1.3;flex:0 0 auto}.price-note p{font-size:12px;line-height:1.55;margin:0}
.price-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:15px 17px;border-radius:15px;background:var(--blue-dark);color:#fff}
.price-cta b,.price-cta span{display:block}.price-cta b{font-size:14px}.price-cta span{font-size:12px;color:#cbdcf8;margin-top:3px}.price-cta .btn{min-height:42px}
@media(max-width:980px){.how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.washing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how-head,.washing-head,.price-head{align-items:flex-start}}
@media(max-width:640px){.how-section,.washing-section,.price-section{padding:32px 0}.how-grid,.washing-grid,.price-grid{grid-template-columns:1fr;gap:9px}.how-step,.washing-step{padding:15px}.how-step h3{font-size:16px}.price-card{padding:12px}.price-card>strong{font-size:12px}.price-cta{align-items:flex-start;flex-direction:column}.price-cta .btn,.how-cta .btn{width:100%}.how-head>p:not(.eyebrow),.washing-head>p:not(.eyebrow),.price-head>p:not(.eyebrow){font-size:13px}}




/* V5.3.10 · Flujo visual con iconos Bootstrap y flechas de continuidad */
:root{--flow-sage:#718d7e;--flow-sage-dark:#526f60;--flow-sage-soft:#edf3ef;--flow-cream:#fff8df;--flow-line:#dce6df;--flow-ink:#26372f}
.how-section{background:#fbfcfa;padding:42px 0 46px}
.how-head,.washing-head{align-items:end}
.how-head>p:not(.eyebrow),.washing-head>p:not(.eyebrow){max-width:540px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:23px}
.how-step,.washing-step{position:relative;overflow:visible;min-width:0;background:#fff;border:1px solid var(--flow-line);border-radius:20px;box-shadow:0 7px 22px rgba(48,72,57,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.how-step{padding:21px 19px 20px}
.how-step:hover,.washing-step:hover{transform:translateY(-3px);border-color:#c7d7cc;box-shadow:0 12px 28px rgba(48,72,57,.09)}
.how-step-top,.washing-step-head{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:0 0 15px}
.how-icon,.washing-icon{display:grid;place-items:center;flex:0 0 auto;width:58px;height:58px;border-radius:19px;background:var(--flow-sage-soft);border:1px solid #dce8df;color:var(--flow-sage-dark);font-size:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.how-step h3,.washing-step h3{margin:0 0 7px;color:var(--flow-ink);font-size:17px;line-height:1.3}
.how-step p,.washing-step p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.step-arrow{position:absolute;z-index:3;top:50%;right:-26px;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#fff;border:1px solid #d6e2d9;color:var(--flow-sage-dark);font-size:22px;box-shadow:0 4px 12px rgba(48,72,57,.08);transform:translateY(-50%)}
.how-cta{display:flex;justify-content:center;margin-top:20px}.how-cta .btn{min-width:230px}
.washing-section{background:#f6f8f5;border-top:1px solid #e9eee9;border-bottom:1px solid #e9eee9;padding:44px 0}
.washing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:23px}
.washing-step{padding:19px 19px 20px}
.washing-step-head{margin-bottom:13px}
.washing-icon{width:54px;height:54px;border-radius:17px;background:var(--flow-cream);border-color:#f0e4b7;color:#85723b;font-size:25px}
.washing-step .step-arrow{right:-26px}
/* Tablet: el final de cada fila dirige hacia la siguiente */
@media(max-width:980px){
 .how-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .washing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .how-head,.washing-head{align-items:flex-start}
 .how-step:nth-child(2) .step-arrow,.washing-step:nth-child(2) .step-arrow,.washing-step:nth-child(4) .step-arrow{top:auto;right:calc(50% - 17px);bottom:-26px;transform:rotate(90deg)}
 .washing-step:nth-child(3) .step-arrow{top:50%;right:-26px;bottom:auto;transform:translateY(-50%)}
}
/* Móvil: secuencia vertical y flechas hacia abajo */
@media(max-width:640px){
 .how-section,.washing-section{padding:34px 0}
 .how-grid,.washing-grid{grid-template-columns:1fr;gap:16px}
 .how-step,.washing-step{padding:17px 17px 18px;border-radius:17px}
 .how-icon{width:52px;height:52px;border-radius:17px;font-size:25px}
 .washing-icon{width:50px;height:50px;border-radius:16px;font-size:23px}
 .how-step h3,.washing-step h3{font-size:16px}
 .how-head>p:not(.eyebrow),.washing-head>p:not(.eyebrow){font-size:13px}
 .how-step .step-arrow,.washing-step .step-arrow,.washing-step:nth-child(3) .step-arrow{top:auto;right:calc(50% - 17px);bottom:-26px;transform:rotate(90deg)}
 .how-step:last-child .step-arrow,.washing-step:last-child .step-arrow{display:none}
 .how-cta .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.how-step,.washing-step{transition:none}.how-step:hover,.washing-step:hover{transform:none}}


/* V5.3.11 · Tarjetas horizontales, iconos vivos en paleta azul/amarillo y texto a la derecha */
.how-section{background:#fff;padding:42px 0 46px}
.washing-section{background:#f7faff;border-top:1px solid #e8eef8;border-bottom:1px solid #e8eef8}
.how-grid{gap:22px}
.washing-grid{gap:22px}
.how-step,.washing-step{
  display:flex;align-items:center;min-height:132px;padding:19px 20px;
  border:1px solid #e0e8f4;border-radius:18px;background:#fff;
  box-shadow:0 8px 22px rgba(2,41,102,.055);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.how-step-content,.washing-step-content{display:flex;align-items:center;gap:15px;width:100%;min-width:0}
.how-icon,.washing-icon{
  display:grid;place-items:center;flex:0 0 60px;width:60px;height:60px;
  border-radius:18px;border:0;font-size:27px;box-shadow:0 5px 12px rgba(2,41,102,.09)
}
.how-copy,.washing-copy{min-width:0;flex:1}
.how-step h3,.washing-step h3{margin:0 0 6px;color:var(--blue-dark);font-size:16px;font-weight:800;line-height:1.25}
.how-step p,.washing-step p{margin:0;color:#5c6b80;font-size:13px;line-height:1.5}
.how-step:nth-child(4n+1) .how-icon,.washing-step:nth-child(6n+1) .washing-icon{background:linear-gradient(145deg,#fff6a8,#fddf02);color:#022966}
.how-step:nth-child(4n+2) .how-icon,.washing-step:nth-child(6n+2) .washing-icon{background:linear-gradient(145deg,#4d9aff,#0066ee);color:#fff}
.how-step:nth-child(4n+3) .how-icon,.washing-step:nth-child(6n+3) .washing-icon{background:linear-gradient(145deg,#eaf3ff,#cfe3ff);color:#0756bd}
.how-step:nth-child(4n+4) .how-icon,.washing-step:nth-child(6n+4) .washing-icon{background:linear-gradient(145deg,#ffe878,#ffcf00);color:#022966}
.washing-step:nth-child(6n+5) .washing-icon{background:linear-gradient(145deg,#d8edff,#8fc8ff);color:#034ca8}
.washing-step:nth-child(6n+6) .washing-icon{background:linear-gradient(145deg,#fff3b8,#ffdc35);color:#022966}
.step-arrow{
  right:-29px;top:50%;width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;background:#fddf02;border:2px solid #fff;
  color:#022966;font-size:23px;box-shadow:0 4px 12px rgba(2,41,102,.13);
  transform:translateY(-50%)
}
.how-step:hover,.washing-step:hover{transform:translateY(-3px);border-color:#b9d3f4;box-shadow:0 13px 28px rgba(2,41,102,.10)}
.how-cta{margin-top:22px}
@media(max-width:980px){
 .how-grid,.washing-grid{gap:17px}
 .how-step,.washing-step{min-height:120px;padding:17px}
 .how-step-content,.washing-step-content{gap:12px}
 .how-icon,.washing-icon{flex-basis:54px;width:54px;height:54px;font-size:25px;border-radius:16px}
 .how-step:nth-child(2) .step-arrow,.washing-step:nth-child(2) .step-arrow,.washing-step:nth-child(4) .step-arrow{
   top:auto;right:calc(50% - 17px);bottom:-26px;transform:rotate(90deg)
 }
 .washing-step:nth-child(3) .step-arrow{top:50%;right:-25px;bottom:auto;transform:translateY(-50%)}
}
@media(max-width:640px){
 .how-section,.washing-section{padding:34px 0}
 .how-grid,.washing-grid{grid-template-columns:1fr;gap:15px}
 .how-step,.washing-step{min-height:0;padding:16px;border-radius:16px}
 .how-step-content,.washing-step-content{gap:14px}
 .how-icon,.washing-icon{flex-basis:54px;width:54px;height:54px;font-size:24px}
 .how-step h3,.washing-step h3{font-size:15px}
 .how-step p,.washing-step p{font-size:12px}
 .how-step .step-arrow,.washing-step .step-arrow{
   top:auto;right:calc(50% - 17px);bottom:-25px;transform:rotate(90deg)
 }
}


/* V5.3.12 · Lordicon animado y flechas siempre al frente */
.how-step,.washing-step{position:relative;overflow:visible;isolation:isolate;z-index:1}
.how-step.has-next,.washing-step.has-next{z-index:8}
.how-step:not(.has-next),.washing-step:not(.has-next){z-index:1}
.hl-lordicon{display:block;flex:0 0 60px;width:60px;height:60px;max-width:60px;max-height:60px;overflow:visible;pointer-events:none}
.how-icon,.washing-icon{display:flex;align-items:center;justify-content:center;flex:0 0 60px;width:60px;height:60px;overflow:visible}
.how-icon .hl-lordicon,.washing-icon .hl-lordicon{width:60px;height:60px;flex:0 0 60px}
.step-arrow{position:absolute!important;z-index:999!important;pointer-events:none;isolation:isolate}
.how-step.has-next .step-arrow,.washing-step.has-next .step-arrow{z-index:999!important}
@media(max-width:980px){
 .how-step.has-next,.washing-step.has-next{z-index:8}
 .step-arrow{z-index:999!important}
}
@media(max-width:640px){
 .hl-lordicon,.how-icon .hl-lordicon,.washing-icon .hl-lordicon{width:54px;height:54px;max-width:54px;max-height:54px;flex-basis:54px}
 .how-icon,.washing-icon{flex-basis:54px;width:54px;height:54px}
}


/* V5.3.13 · Fondo azul claro uniforme para iconos animados */
.how-step .how-icon,
.washing-step .washing-icon{
  background:linear-gradient(145deg,#F2F8FF 0%,#DCEBFF 100%) !important;
  border:1px solid #C9DFFF !important;
  color:#0756BD !important;
  box-shadow:0 5px 13px rgba(0,102,238,.10) !important;
}

.price-emoji{display:inline-flex;align-items:center;justify-content:center;font-size:30px;line-height:1}.price-icon i{font-size:28px;}


/* V5.3.15 · Sistema único de iconografía SVG: trazo lineal azul + fondo amarillo suave */
.hl-icon-svg{display:block;width:24px;height:24px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hl-icon-inline{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;color:var(--blue);margin-right:5px}
.hl-icon-inline .hl-icon-svg{width:16px;height:16px}
.hl-icon-wrap{display:inline-grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border:1px solid #f0df72!important;border-radius:14px!important;background:linear-gradient(145deg,#fffbe3,#fff4a8)!important;color:var(--blue-dark)!important;box-shadow:0 5px 13px rgba(2,41,102,.075)!important}
.hl-icon-wrap .hl-icon-svg{width:25px;height:25px}
.how-icon.hl-icon-wrap{width:60px;height:60px;border-radius:17px!important}
.washing-icon.hl-icon-wrap{width:54px;height:54px;border-radius:16px!important}
.price-icon.hl-icon-wrap{width:42px;height:42px;border-radius:13px!important}
.service-title-row{display:flex;align-items:center;gap:10px;min-width:0}
.service-icon.hl-icon-wrap{width:34px;height:34px;border-radius:10px!important}
.service-icon.hl-icon-wrap .hl-icon-svg{width:19px;height:19px}
.service-title-row h3{min-width:0}
.city-trust-icon.hl-icon-wrap{width:42px;height:42px;margin:0 auto 10px}
.city-trust-mark{display:none!important}
.concern-title-icon.hl-icon-wrap{width:40px;height:40px;margin-bottom:11px}
.concern-title-icon.hl-icon-wrap .hl-icon-svg{width:22px;height:22px}
.step-arrow{display:grid;place-items:center}
.step-arrow .hl-icon-svg{width:18px;height:18px}
.price-note>.hl-icon-inline{margin-right:0;color:var(--blue-dark)}
.price-note>.hl-icon-inline .hl-icon-svg{width:18px;height:18px}
.city-card-main{display:flex;align-items:center;gap:10px;min-width:0}
.city-card-icon.hl-icon-wrap{width:32px;height:32px;border-radius:9px!important}
.city-card-icon.hl-icon-wrap .hl-icon-svg{width:18px;height:18px}
.city-card-arrow .hl-icon-svg{width:18px;height:18px}
.faq-toggle{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#fff8d3;border:1px solid #f0df72;color:var(--blue-dark);flex:0 0 auto;transition:transform .2s ease}
.faq-toggle .hl-icon-svg{width:16px;height:16px}
.faq-list details[open] .faq-toggle{transform:rotate(45deg)}
.btn-icon{width:17px;height:17px}
.topbar-label{display:inline-flex;align-items:center;gap:5px}
.topbar-label .hl-icon-svg{width:14px;height:14px;color:var(--yellow)}
.proof-row b .hl-icon-svg{width:12px;height:12px;stroke-width:2.4}
.menu-button .hl-icon-svg{width:22px;height:22px}
.reel-arrow .hl-icon-svg{width:19px;height:19px}
.footer-meta>span,.footer-meta>a{display:inline-flex;align-items:center;gap:5px}
.footer-meta .hl-icon-svg{width:14px;height:14px;color:var(--blue)}
/* Elimina los fondos verdes heredados: todas las secciones comparten la misma paleta */
.how-step:nth-child(4n+1) .how-icon,.how-step:nth-child(4n+2) .how-icon,.how-step:nth-child(4n+3) .how-icon,.how-step:nth-child(4n+4) .how-icon,
.washing-step:nth-child(6n+1) .washing-icon,.washing-step:nth-child(6n+2) .washing-icon,.washing-step:nth-child(6n+3) .washing-icon,.washing-step:nth-child(6n+4) .washing-icon,.washing-step:nth-child(6n+5) .washing-icon,.washing-step:nth-child(6n+6) .washing-icon{background:linear-gradient(145deg,#fffbe3,#fff4a8)!important;color:var(--blue-dark)!important;border:1px solid #f0df72!important}
.how-icon,.washing-icon,.price-icon{font-size:initial}
@media(max-width:640px){.service-title-row{gap:8px}.service-icon.hl-icon-wrap{width:30px;height:30px}.service-icon.hl-icon-wrap .hl-icon-svg{width:17px;height:17px}}


/* Microanimaciones de la familia SVG: sutiles, coherentes y respetuosas con accesibilidad. */
.hl-icon-svg{transform-box:fill-box;transform-origin:center}
@media (prefers-reduced-motion:no-preference){
  .hl-motion-search path:nth-of-type(2){animation:hl-search-scan 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
  .hl-motion-wind path{stroke-dasharray:5 4;animation:hl-wind-flow 2.1s linear infinite}
  .hl-motion-wind path:nth-of-type(2){animation-duration:2.5s;animation-direction:reverse}
  .hl-motion-wind path:nth-of-type(3){animation-duration:1.8s}
  .hl-motion-spray path:nth-of-type(2){animation:hl-spray-puff 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:70% 35%}
  .hl-motion-spray path:nth-of-type(3){animation:hl-spray-mist 1.8s ease-out infinite}
  .hl-motion-brush{animation:hl-brush-sweep 1.65s ease-in-out infinite;transform-origin:65% 30%}
  .hl-motion-droplets path:first-of-type{animation:hl-drop 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
  .hl-motion-droplets path:nth-of-type(2){animation:hl-drop-small 2s ease-in-out .35s infinite;transform-box:fill-box;transform-origin:center}
  .hl-motion-check-circle path:nth-of-type(2){stroke-dasharray:18;stroke-dashoffset:18;animation:hl-check-draw 2.8s ease-in-out infinite}
  .hl-motion-calendar{animation:hl-calendar-tap 3.4s ease-in-out infinite}
  .hl-motion-arrow{animation:hl-arrow-nudge 1.8s ease-in-out infinite}
  .hl-motion-chevron-left{animation:hl-chevron-left 1.8s ease-in-out infinite}
  .hl-motion-chevron-right{animation:hl-chevron-right 1.8s ease-in-out infinite}
  .hl-motion-clock path:nth-of-type(2){animation:hl-clock-hand 8s linear infinite;transform-box:fill-box;transform-origin:50% 50%}
  .hl-motion-pin{animation:hl-pin-bounce 2.4s ease-in-out infinite;transform-origin:50% 85%}
  .hl-motion-message{animation:hl-message-float 2.8s ease-in-out infinite}
  .hl-motion-phone{animation:hl-phone-ring 3.2s ease-in-out infinite;transform-origin:50% 50%}
  .hl-motion-refresh{animation:hl-refresh-turn 4.5s linear infinite}
  .hl-motion-upload path:first-of-type{animation:hl-upload-rise 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
  .hl-motion-star{animation:hl-star-twinkle 2.6s ease-in-out infinite;transform-origin:50% 50%}
  .hl-motion-sparkles path{animation:hl-sparkle 2s ease-in-out infinite;transform-origin:center}
  .hl-motion-sparkles path:nth-of-type(2){animation-delay:.4s}
}
@keyframes hl-search-scan{0%,100%{transform:translate(0,0)}50%{transform:translate(1.2px,-1px)}}
@keyframes hl-wind-flow{from{stroke-dashoffset:18}to{stroke-dashoffset:0}}
@keyframes hl-spray-puff{0%,100%{opacity:.72;transform:translateX(0)}50%{opacity:1;transform:translateX(1.5px)}}
@keyframes hl-spray-mist{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes hl-brush-sweep{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}
@keyframes hl-drop{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(2px);opacity:.82}}
@keyframes hl-drop-small{0%,100%{transform:translateY(0);opacity:.8}50%{transform:translateY(2.5px);opacity:1}}
@keyframes hl-check-draw{0%,15%{stroke-dashoffset:18}45%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:18}}
@keyframes hl-calendar-tap{0%,82%,100%{transform:translateY(0)}88%{transform:translateY(-1.5px)}94%{transform:translateY(0)}}
@keyframes hl-arrow-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(2px)}}
@keyframes hl-chevron-left{0%,100%{transform:translateX(0)}50%{transform:translateX(-1.8px)}}
@keyframes hl-chevron-right{0%,100%{transform:translateX(0)}50%{transform:translateX(1.8px)}}
@keyframes hl-clock-hand{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes hl-pin-bounce{0%,100%{transform:translateY(0)}45%{transform:translateY(-2px)}60%{transform:translateY(0)}}
@keyframes hl-message-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}
@keyframes hl-phone-ring{0%,84%,100%{transform:rotate(0)}87%{transform:rotate(-7deg)}90%{transform:rotate(7deg)}93%{transform:rotate(-5deg)}96%{transform:rotate(0)}}
@keyframes hl-refresh-turn{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes hl-upload-rise{0%,100%{transform:translateY(1px)}50%{transform:translateY(-2px)}}
@keyframes hl-star-twinkle{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.07);opacity:.82}}
@keyframes hl-sparkle{0%,100%{transform:scale(.94);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@media (prefers-reduced-motion:reduce){
  .hl-icon-svg[class*="hl-motion-"] , .hl-icon-svg[class*="hl-motion-"] *{animation:none!important;transition:none!important}
}


/* Hermanos Limpieza Duo icon system — service cards */
.service-card .service-art{
  height:150px;display:flex;align-items:center;justify-content:center;
  overflow:hidden;background:#f0f5ff;position:relative;
}
.service-card:nth-child(even) .service-art{background:#fffbea}
.service-card .service-art::before{
  content:"";position:absolute;width:96px;height:96px;border-radius:50%;
  background:rgba(0,102,238,.055);filter:blur(1px);
}
.service-card .service-art-icon{
  position:relative;z-index:1;width:116px;height:116px;max-width:70%;
  object-fit:contain;transition:transform .28s ease;
}
.service-card:hover .service-art-icon{transform:translateY(-5px) scale(1.045)}
.service-card .service-copy{min-height:112px}
.service-card .service-title-row{display:flex;align-items:center;gap:10px}
.service-card .service-title-row h3{margin:0}
.concern-brand-icon{width:38px;height:38px;object-fit:contain}
.concern-title-icon:has(.concern-brand-icon){display:flex;align-items:center;justify-content:center;background:#fff9cf;border:1px solid #f4e88b;border-radius:12px}
.hl-brand-icon{object-fit:contain}
@media (prefers-reduced-motion:reduce){
 .service-card .service-art-icon{transition:none}
 .service-card:hover .service-art-icon{transform:none}
}


/* Duo icon system — landing-wide, unique semantic assignments */
.hl-brand-icon{display:block;max-width:100%;height:auto;object-fit:contain}
.service-card .service-art{
  height:150px;display:flex;align-items:center;justify-content:center;
  overflow:hidden;background:#f0f5ff;position:relative;
}
.service-card:nth-child(even) .service-art{background:#fffbea}
.service-card .service-art::before{
  content:"";position:absolute;width:96px;height:96px;border-radius:50%;
  background:rgba(0,102,238,.055)
}
.service-card .service-art-icon{
  position:relative;z-index:1;width:116px;height:116px;max-width:70%;
  object-fit:contain;transition:transform .28s ease
}
.service-card:hover .service-art-icon{transform:translateY(-5px) scale(1.045)}
.service-card .service-copy{min-height:112px}
.service-card .service-title-row{display:flex;align-items:center;gap:10px}
.service-card .service-title-row h3{margin:0}
.how-icon .hl-brand-icon{width:58px;height:58px}
.how-icon{overflow:visible}
.washing-brand-icon{background:#fff;border-color:#e7edf8}
.washing-brand-icon .hl-brand-icon{width:54px;height:54px}
.city-trust-icon .hl-brand-icon{width:58px;height:58px}
.city-card-icon .city-brand-icon{width:30px;height:30px}
.concern-brand-icon{width:38px;height:38px;object-fit:contain}
.concern-title-icon{display:flex;align-items:center;justify-content:center}
.btn-brand-icon{display:inline-block;vertical-align:middle;width:24px;height:24px;margin-right:7px;object-fit:contain}
@media (prefers-reduced-motion:reduce){
 .service-card .service-art-icon{transition:none}
 .service-card:hover .service-art-icon{transform:none}
}


/* v5.3.19 — Iconos Duo sin recuadros: imagen limpia, tamaño consistente */
.hl-icon-wrap:has(> .hl-brand-icon),
.hl-icon-wrap:has(.hl-brand-icon),
.concern-title-icon:has(.concern-brand-icon) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.hl-icon-wrap:has(.hl-brand-icon)::before,
.hl-icon-wrap:has(.hl-brand-icon)::after {
  content: none !important;
  display: none !important;
}
.hl-icon-wrap > .hl-brand-icon,
.hl-icon-wrap .hl-brand-icon {
  display: block;
  flex: 0 0 auto;
  max-width: none;
  object-fit: contain;
}
.how-icon.hl-icon-wrap { width: 58px !important; height: 58px !important; }
.how-icon .hl-brand-icon { width: 54px !important; height: 54px !important; }
.washing-icon.hl-icon-wrap { width: 54px !important; height: 54px !important; }
.washing-icon .hl-brand-icon { width: 52px !important; height: 52px !important; }
.city-trust-icon.hl-icon-wrap { width: 58px !important; height: 58px !important; }
.city-trust-icon .hl-brand-icon { width: 56px !important; height: 56px !important; }
.city-card-icon.hl-icon-wrap { width: 34px !important; height: 34px !important; }
.city-card-icon .city-brand-icon { width: 32px !important; height: 32px !important; }
.concern-title-icon.hl-icon-wrap { width: 44px !important; height: 44px !important; }
.concern-title-icon .concern-brand-icon { width: 42px !important; height: 42px !important; }
.hl-icon-wrap.price-icon { width: 38px !important; height: 38px !important; }
@media (max-width: 640px) {
  .how-icon.hl-icon-wrap { width: 52px !important; height: 52px !important; }
  .how-icon .hl-brand-icon { width: 50px !important; height: 50px !important; }
  .washing-icon.hl-icon-wrap { width: 50px !important; height: 50px !important; }
  .washing-icon .hl-brand-icon { width: 48px !important; height: 48px !important; }
}

/* v5.3.20 — Iconos Duo recortados y alineados sin fondos en pasos/beneficios */
.how-step .how-icon.hl-icon-wrap,
.washing-step .washing-icon.hl-icon-wrap,
.city-trust-icon.hl-icon-wrap,
.city-card-icon.hl-icon-wrap,
.concern-title-icon.hl-icon-wrap,
.price-icon.hl-icon-wrap,
.btn .btn-brand-icon,
.cta-actions .btn-brand-icon{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.how-step .how-step-content,
.washing-step .washing-step-content{
  align-items: center;
}

.how-step .how-icon,
.washing-step .washing-icon,
.city-trust-icon,
.concern-title-icon,
.city-card-icon,
.price-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  line-height:0;
}

.how-step .how-icon{
  width:64px !important;
  height:64px !important;
  flex:0 0 64px !important;
}
.how-step .how-icon .hl-brand-icon{
  width:64px !important;
  height:64px !important;
}

.washing-step .washing-icon{
  width:60px !important;
  height:60px !important;
  flex:0 0 60px !important;
}
.washing-step .washing-icon .hl-brand-icon{
  width:60px !important;
  height:60px !important;
}

.city-trust-icon{
  width:56px !important;
  height:56px !important;
}
.city-trust-icon .hl-brand-icon{
  width:56px !important;
  height:56px !important;
}

.city-card-icon{
  width:32px !important;
  height:32px !important;
}
.city-card-icon .city-brand-icon,
.city-card-icon .hl-brand-icon{
  width:32px !important;
  height:32px !important;
}

.concern-title-icon{
  width:42px !important;
  height:42px !important;
}
.concern-title-icon .concern-brand-icon,
.concern-title-icon .hl-brand-icon{
  width:42px !important;
  height:42px !important;
}

.price-icon{
  width:38px !important;
  height:38px !important;
}
.price-icon .hl-brand-icon{
  width:38px !important;
  height:38px !important;
}

.btn-brand-icon{
  width:22px !important;
  height:22px !important;
  object-fit:contain;
}

.how-step .how-icon .hl-brand-icon,
.washing-step .washing-icon .hl-brand-icon,
.city-trust-icon .hl-brand-icon,
.city-card-icon .hl-brand-icon,
.concern-title-icon .hl-brand-icon,
.price-icon .hl-brand-icon{
  display:block;
  max-width:none;
  object-fit:contain;
  vertical-align:middle;
}

@media (max-width: 640px){
  .how-step .how-icon{
    width:56px !important;
    height:56px !important;
    flex-basis:56px !important;
  }
  .how-step .how-icon .hl-brand-icon{
    width:56px !important;
    height:56px !important;
  }
  .washing-step .washing-icon{
    width:52px !important;
    height:52px !important;
    flex-basis:52px !important;
  }
  .washing-step .washing-icon .hl-brand-icon{
    width:52px !important;
    height:52px !important;
  }
}


/* v5.3.21 — Landing pública sin iconos gráficos */
/* Tarjetas de servicios: contenido textual, sin ilustraciones/iconos superiores. */
.service-card,
.service-card:hover{
  display:block !important;
  grid-template-columns:none !important;
}
.service-card .service-art{display:none !important;}
.service-card .service-copy{
  display:block !important;
  min-height:0 !important;
  padding:18px 18px 20px !important;
}
.service-card .service-copy h3{font-size:16px;line-height:1.3;}
.service-card .service-copy p{font-size:13px;line-height:1.55;}

/* Pasos y proceso: texto alineado sin cajas vacías reservadas para iconos. */
.how-step,
.washing-step{
  min-height:0 !important;
  align-items:stretch !important;
  padding:20px !important;
}
.how-copy,
.washing-copy{
  display:block !important;
  width:100%;
  min-width:0;
  flex:1 1 auto !important;
}
.how-step-content,
.washing-step-content{display:block !important;gap:0 !important;}
.how-step .how-icon,
.washing-step .washing-icon,
.price-icon,
.city-trust-icon,
.city-card-icon,
.concern-title-icon,
.step-arrow,
.faq-toggle{display:none !important;}

/* Precios sin columna reservada para iconos. */
.price-card{gap:0 !important;justify-content:space-between;}
.price-note{display:block !important;}
.price-note p{margin:0 !important;}

/* Ciudades sin pictogramas ni flechas decorativas. */
.city-card{justify-content:flex-start !important;}
.city-card-main{display:block !important;width:100%;}
.city-card-main>span{display:block;}
.city-card-arrow{display:none !important;}

/* Las preguntas siguen siendo desplegables; el control se expresa con texto. */
.faq-list summary{justify-content:space-between;}
.faq-list summary::after{
  content:"Ver respuesta";
  flex:0 0 auto;
  color:var(--blue);
  font-size:11px;
  font-weight:700;
  letter-spacing:0;
}
.faq-list details[open] summary::after{content:"Cerrar";}

/* Listas accesibles sin checks gráficos. */
.concern-card ul{list-style:disc !important;padding-left:20px !important;}
.concern-card li{padding-left:0 !important;}
.concern-card li::before{content:none !important;display:none !important;}

/* Controles funcionales conservados con etiquetas textuales, no pictogramas. */
.menu-button{
  width:auto !important;
  min-width:74px;
  height:42px;
  padding:0 13px;
  display:none !important;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:800;
}
@media(max-width:980px){.menu-button{display:flex !important;}}
.reel-arrow{
  width:auto !important;
  min-width:76px;
  height:36px;
  padding:0 12px;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:800;
  line-height:1;
}
.proof-row span{gap:0 !important;}
.topbar-label{gap:0 !important;}

@media(max-width:640px){
  .how-step,.washing-step{padding:17px !important;}
  .service-card .service-copy{padding:14px !important;}
  .service-card .service-copy h3{font-size:14px;}
  .service-card .service-copy p{font-size:11px;}
}

/* v5.3.24 — iconos y flechas restaurados en Como funciona */
.how-grid-duo{gap:18px;}
.how-section .how-step{position:relative;overflow:visible;min-height:142px;}
.how-section .how-step-content{display:flex;align-items:center;gap:16px;width:100%;min-width:0;}
.how-section .how-icon.hl-icon-wrap{display:flex;align-items:center;justify-content:center;flex:0 0 78px;width:78px;height:78px;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important;overflow:visible;}
.how-section .how-icon .hl-brand-icon{display:block;width:78px !important;height:78px !important;max-width:none;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(2,41,102,.08));}
.how-section .how-copy{min-width:0;flex:1;}
.how-section .how-copy h3{margin:0 0 8px;font-size:17px;line-height:1.25;color:var(--blue-dark);}
.how-section .how-copy p{margin:0;font-size:13px;line-height:1.6;color:var(--muted);}
.how-section .step-arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;background:#FDDF02;border:1px solid #f2d300;color:#022966;box-shadow:0 8px 20px rgba(2,41,102,.12);z-index:30;}
.how-section .step-arrow .hl-icon-svg{width:18px;height:18px;stroke-width:2.2;}
.how-section .how-step.has-next{z-index:8;}
@media (max-width:980px){.how-grid-duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}.how-section .how-step:nth-child(2) .step-arrow{top:auto;right:calc(50% - 20px);bottom:-26px;transform:rotate(90deg);}.how-section .how-step:nth-child(3) .step-arrow{top:50%;right:-20px;bottom:auto;transform:translateY(-50%);} }
@media (max-width:640px){.how-grid-duo{grid-template-columns:1fr;gap:15px;}.how-section .how-step{min-height:0;padding:16px;}.how-section .how-step-content{gap:14px;}.how-section .how-icon.hl-icon-wrap{flex-basis:64px;width:64px;height:64px;}.how-section .how-icon .hl-brand-icon{width:64px !important;height:64px !important;}.how-section .how-copy h3{font-size:15px;}.how-section .how-copy p{font-size:12px;}.how-section .how-step .step-arrow{top:auto;right:calc(50% - 20px);bottom:-26px;transform:rotate(90deg);}.how-section .how-step:last-child .step-arrow{display:none;}}
@media (prefers-reduced-motion:reduce){.how-section .how-icon .hl-brand-icon{filter:none;}}

/* v5.3.25 — reactivar iconos en servicios y Como funciona */
.service-card .service-art{display:flex !important;align-items:center !important;justify-content:center !important;height:136px !important;padding:14px 14px 4px !important;background:transparent !important;}
.service-card .service-art::before,.service-card .service-art::after{display:none !important;content:none !important;}
.service-card .service-art-icon{display:block !important;width:116px !important;height:116px !important;max-width:none !important;object-fit:contain !important;}
.service-card .service-copy{display:block !important;min-height:0 !important;padding:14px 18px 20px !important;}
.service-card{display:block !important;}
.how-section .how-step-content{display:flex !important;align-items:center !important;gap:16px !important;width:100% !important;min-width:0 !important;}
.how-section .how-step .how-icon{display:flex !important;align-items:center !important;justify-content:center !important;flex:0 0 78px !important;width:78px !important;height:78px !important;overflow:visible !important;}
.how-section .how-step .how-icon .hl-brand-icon{display:block !important;width:78px !important;height:78px !important;max-width:none !important;object-fit:contain !important;}
.how-section .step-arrow{display:grid !important;place-items:center !important;}
.how-section .how-copy{display:block !important;width:auto !important;flex:1 1 auto !important;}
@media (max-width:640px){.service-card .service-art{height:108px !important;padding:10px 10px 2px !important;}.service-card .service-art-icon{width:92px !important;height:92px !important;}.how-section .how-step .how-icon{flex-basis:64px !important;width:64px !important;height:64px !important;}.how-section .how-step .how-icon .hl-brand-icon{width:64px !important;height:64px !important;}}


/* v5.3.27 — Iconos al 220% de su tamaño anterior, con composición responsive */
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.service-card{display:flex!important;flex-direction:column!important;min-width:0;}
.service-card .service-art{display:flex!important;align-items:center!important;justify-content:center!important;height:278px!important;min-height:278px!important;padding:10px!important;background:transparent!important;overflow:hidden!important;}
.service-card .service-art::before,.service-card .service-art::after{display:none!important;content:none!important;}
.service-card .service-art-icon{display:block!important;width:255px!important;height:255px!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;position:static!important;transform:none;}
.service-card:hover .service-art-icon{transform:translateY(-3px) scale(1.015);}
.service-card .service-copy{display:block!important;flex:1 0 auto!important;min-height:112px!important;padding:14px 18px 20px!important;}
.service-card .service-copy h3{font-size:16px!important;}
.service-card .service-copy p{font-size:13px!important;}
.how-section .how-step{min-height:310px!important;padding:20px 16px 24px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;}
.how-section .how-step-content{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;width:100%!important;min-width:0!important;}
.how-section .how-step .how-icon{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 172px!important;width:172px!important;height:172px!important;margin:0 auto!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;}
.how-section .how-step .how-icon .hl-brand-icon{display:block!important;width:172px!important;height:172px!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;}
.how-section .how-copy{display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;text-align:left!important;}
.how-section .how-copy h3{font-size:16px!important;margin:0 0 7px!important;}
.how-section .how-copy p{font-size:13px!important;line-height:1.5!important;}
.how-section .step-arrow{display:grid!important;}
@media(max-width:980px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.service-card .service-art{height:278px!important;min-height:278px!important;}.how-grid-duo{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}.how-section .how-step{min-height:310px!important;}}
@media(max-width:700px){.service-grid{grid-template-columns:1fr!important;gap:14px!important;}.service-card .service-art{height:224px!important;min-height:224px!important;}.service-card .service-art-icon{width:202px!important;height:202px!important;}.how-grid-duo{grid-template-columns:1fr!important;gap:18px!important;}.how-section .how-step{min-height:0!important;padding:18px 18px 24px!important;}.how-section .how-step-content{gap:12px!important;}.how-section .how-step .how-icon{flex-basis:141px!important;width:141px!important;height:141px!important;}.how-section .how-step .how-icon .hl-brand-icon{width:141px!important;height:141px!important;}.how-section .how-copy h3{font-size:16px!important;}.how-section .how-copy p{font-size:13px!important;}}
@media(prefers-reduced-motion:reduce){.service-card .service-art-icon{transition:none!important;transform:none!important;}}


/* v5.3.28 — Cómo funciona: tarjetas compactas en horizontal, icono a la izquierda */
.how-grid-duo{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.how-section .how-step{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:132px!important;
  height:auto!important;
  padding:16px 14px!important;
  overflow:visible!important;
  position:relative!important;
}
.how-section .how-step-content{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
}
.how-section .how-step .how-icon{
  display:flex!important;
  flex:0 0 82px!important;
  width:82px!important;
  height:82px!important;
  margin:0!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.how-section .how-step .how-icon .hl-brand-icon{
  display:block!important;
  width:82px!important;
  height:82px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
}
.how-section .how-copy{
  display:block!important;
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  text-align:left!important;
}
.how-section .how-copy h3{
  margin:0 0 6px!important;
  font-size:15px!important;
  line-height:1.25!important;
}
.how-section .how-copy p{
  margin:0!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.how-section .step-arrow{
  display:grid!important;
  position:absolute!important;
  z-index:10!important;
  top:50%!important;
  right:-19px!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:34px!important;
  background:#FDDF02!important;
  color:#022966!important;
  border:1px solid #f0d500!important;
  border-radius:50%!important;
  box-shadow:0 5px 14px rgba(2,41,102,.12)!important;
}
.how-section .step-arrow .hl-icon-svg{width:17px;height:17px;}

/* Tablet: dos columnas, flecha hacia abajo al final de cada fila */
@media(max-width:980px){
  .how-grid-duo{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
  .how-section .how-step{min-height:124px!important;padding:14px 13px!important;}
  .how-section .how-step .how-icon{flex-basis:76px!important;width:76px!important;height:76px!important;}
  .how-section .how-step .how-icon .hl-brand-icon{width:76px!important;height:76px!important;}
  .how-section .how-step:nth-child(2) .step-arrow{
    top:auto!important;right:calc(50% - 17px)!important;bottom:-25px!important;
    transform:rotate(90deg)!important;
  }
  .how-section .how-step:nth-child(3) .step-arrow{
    top:50%!important;right:-18px!important;bottom:auto!important;transform:translateY(-50%)!important;
  }
}
@media(max-width:640px){
  .how-grid-duo{grid-template-columns:1fr!important;gap:15px!important;}
  .how-section .how-step{min-height:108px!important;padding:13px 14px!important;}
  .how-section .how-step-content{gap:12px!important;}
  .how-section .how-step .how-icon{flex-basis:72px!important;width:72px!important;height:72px!important;}
  .how-section .how-step .how-icon .hl-brand-icon{width:72px!important;height:72px!important;}
  .how-section .how-copy h3{font-size:15px!important;}
  .how-section .how-copy p{font-size:12px!important;}
  .how-section .how-step .step-arrow{
    top:auto!important;right:calc(50% - 17px)!important;bottom:-25px!important;
    transform:rotate(90deg)!important;
  }
  .how-section .how-step:last-child .step-arrow{display:none!important;}
}


/* v5.3.29 — Flechas amarillas 90% más grandes y siempre al frente */
.how-section,
.how-section .how-grid-duo{
  overflow:visible!important;
}
.how-section .how-grid-duo{
  position:relative!important;
  isolation:isolate;
}
.how-section .how-step{
  position:relative!important;
  overflow:visible!important;
}
.how-section .how-step:nth-child(1){z-index:40!important;}
.how-section .how-step:nth-child(2){z-index:30!important;}
.how-section .how-step:nth-child(3){z-index:20!important;}
.how-section .how-step:nth-child(4){z-index:10!important;}
.how-section .how-step.has-next .step-arrow{
  display:grid!important;
  position:absolute!important;
  z-index:10000!important;
  width:65px!important;
  height:65px!important;
  min-width:65px!important;
  min-height:65px!important;
  right:-40px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  place-items:center!important;
  background:#FDDF02!important;
  color:#022966!important;
  border:1px solid #e9cc00!important;
  border-radius:50%!important;
  box-shadow:0 7px 20px rgba(2,41,102,.22)!important;
  pointer-events:none;
}
.how-section .how-step.has-next .step-arrow .hl-icon-svg{
  display:block!important;
  width:32px!important;
  height:32px!important;
  max-width:none!important;
  max-height:none!important;
  stroke-width:2.5!important;
}

/* Tablet: la flecha del segundo paso baja hacia la siguiente fila */
@media(max-width:980px){
  .how-section .how-step:nth-child(2) .step-arrow{
    top:auto!important;
    right:calc(50% - 32.5px)!important;
    bottom:-40px!important;
    transform:rotate(90deg)!important;
  }
  .how-section .how-step:nth-child(3) .step-arrow{
    top:50%!important;
    right:-40px!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
  }
}

/* Móvil: secuencia vertical, flechas centradas debajo de cada tarjeta */
@media(max-width:640px){
  .how-section .how-step.has-next .step-arrow{
    top:auto!important;
    right:calc(50% - 32.5px)!important;
    bottom:-40px!important;
    transform:rotate(90deg)!important;
  }
  .how-section .how-step:last-child .step-arrow{
    display:none!important;
  }
}


/* v5.3.30 — Flechas amarillas vuelven al tamaño original; iconos +90% */
.how-section,
.how-section .how-grid-duo{
  overflow:visible!important;
}
.how-section .how-grid-duo{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:20px!important;
  position:relative!important;
  isolation:isolate;
}
.how-section .how-step{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:190px!important;
  height:auto!important;
  padding:18px 20px!important;
  overflow:visible!important;
  position:relative!important;
}
.how-section .how-step:nth-child(1){z-index:40!important;}
.how-section .how-step:nth-child(2){z-index:30!important;}
.how-section .how-step:nth-child(3){z-index:20!important;}
.how-section .how-step:nth-child(4){z-index:10!important;}
.how-section .how-step-content{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
}
.how-section .how-step .how-icon{
  display:flex!important;
  flex:0 0 156px!important;
  width:156px!important;
  height:156px!important;
  margin:0!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.how-section .how-step .how-icon .hl-brand-icon{
  display:block!important;
  width:156px!important;
  height:156px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
}
.how-section .how-copy{
  display:block!important;
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  text-align:left!important;
}
.how-section .how-copy h3{
  margin:0 0 7px!important;
  font-size:17px!important;
  line-height:1.25!important;
}
.how-section .how-copy p{
  margin:0!important;
  font-size:13px!important;
  line-height:1.5!important;
}

/* Flechas originales: 34px y símbolo de 17px, visibles por delante */
.how-section .how-step.has-next .step-arrow{
  display:grid!important;
  position:absolute!important;
  z-index:10000!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  right:-17px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  place-items:center!important;
  background:#FDDF02!important;
  color:#022966!important;
  border:1px solid #f0d500!important;
  border-radius:50%!important;
  box-shadow:0 5px 14px rgba(2,41,102,.12)!important;
  pointer-events:none;
}
.how-section .how-step.has-next .step-arrow .hl-icon-svg{
  display:block!important;
  width:17px!important;
  height:17px!important;
  max-width:none!important;
  max-height:none!important;
  stroke-width:2.2!important;
}

/* Secuencia 1 → 2, baja a 3 y continúa a 4 */
@media(min-width:981px){
  .how-section .how-step:nth-child(2) .step-arrow{
    top:auto!important;
    right:calc(50% - 17px)!important;
    bottom:-27px!important;
    transform:rotate(90deg)!important;
  }
  .how-section .how-step:nth-child(3) .step-arrow{
    top:50%!important;
    right:-17px!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
  }
}

/* Tablet: dos columnas; mismo flujo */
@media(max-width:980px){
  .how-section .how-grid-duo{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px!important;
  }
  .how-section .how-step{
    min-height:180px!important;
    padding:16px!important;
  }
  .how-section .how-step .how-icon{
    flex-basis:132px!important;
    width:132px!important;
    height:132px!important;
  }
  .how-section .how-step .how-icon .hl-brand-icon{
    width:132px!important;
    height:132px!important;
  }
  .how-section .how-step:nth-child(2) .step-arrow{
    top:auto!important;
    right:calc(50% - 17px)!important;
    bottom:-27px!important;
    transform:rotate(90deg)!important;
  }
  .how-section .how-step:nth-child(3) .step-arrow{
    top:50%!important;
    right:-17px!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
  }
}

/* Móvil: una columna, icono grande a la izquierda y flecha normal hacia abajo */
@media(max-width:640px){
  .how-section .how-grid-duo{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .how-section .how-step{
    min-height:142px!important;
    padding:14px 16px!important;
  }
  .how-section .how-step-content{gap:13px!important;}
  .how-section .how-step .how-icon{
    flex-basis:137px!important;
    width:137px!important;
    height:137px!important;
  }
  .how-section .how-step .how-icon .hl-brand-icon{
    width:137px!important;
    height:137px!important;
  }
  .how-section .how-copy h3{font-size:15px!important;}
  .how-section .how-copy p{font-size:12px!important;line-height:1.45!important;}
  .how-section .how-step.has-next .step-arrow{
    top:auto!important;
    right:calc(50% - 17px)!important;
    bottom:-25px!important;
    transform:rotate(90deg)!important;
  }
  .how-section .how-step:last-child .step-arrow{display:none!important;}
}


/* v5.3.31 — Reducir 50% los iconos de Cómo funciona; conservar flechas originales */
.how-section .how-step .how-icon{
  flex:0 0 78px!important;
  width:78px!important;
  height:78px!important;
}
.how-section .how-step .how-icon .hl-brand-icon{
  width:78px!important;
  height:78px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
}
@media(max-width:980px){
  .how-section .how-step .how-icon{
    flex-basis:66px!important;
    width:66px!important;
    height:66px!important;
  }
  .how-section .how-step .how-icon .hl-brand-icon{
    width:66px!important;
    height:66px!important;
  }
}
@media(max-width:640px){
  .how-section .how-step .how-icon{
    flex-basis:68.5px!important;
    width:68.5px!important;
    height:68.5px!important;
  }
  .how-section .how-step .how-icon .hl-brand-icon{
    width:68.5px!important;
    height:68.5px!important;
  }
}
/* Las flechas amarillas permanecen en su tamaño original de 34px. */
.how-section .how-step.has-next .step-arrow{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
}
.how-section .how-step.has-next .step-arrow .hl-icon-svg{
  width:17px!important;
  height:17px!important;
}


/* v5.3.32 — Cuatro tarjetas de Cómo funciona en una sola fila */
.how-section .how-grid-duo{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  align-items:stretch!important;
}
.how-section .how-step{
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:132px!important;
  height:auto!important;
  padding:12px 11px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
.how-section .how-step-content{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
}
.how-section .how-step .how-icon{
  flex:0 0 58px!important;
  width:58px!important;
  height:58px!important;
  margin:0!important;
}
.how-section .how-step .how-icon .hl-brand-icon{
  width:58px!important;
  height:58px!important;
}
.how-section .how-copy{
  flex:1 1 0!important;
  min-width:0!important;
  width:auto!important;
}
.how-section .how-copy h3{
  font-size:14px!important;
  line-height:1.2!important;
  margin:0 0 5px!important;
  overflow-wrap:anywhere;
}
.how-section .how-copy p{
  font-size:11px!important;
  line-height:1.35!important;
  margin:0!important;
  overflow-wrap:anywhere;
}

/* Flechas conservan su medida original y quedan entre las tarjetas */
.how-section .how-step.has-next .step-arrow{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  right:-17px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  z-index:10000!important;
}
.how-section .how-step.has-next .step-arrow .hl-icon-svg{
  width:17px!important;
  height:17px!important;
}

/* Tablet: dos columnas */
@media(max-width:1050px){
  .how-section .how-grid-duo{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .how-section .how-step{
    min-height:130px!important;
    padding:13px!important;
  }
  .how-section .how-step .how-icon{
    flex-basis:66px!important;
    width:66px!important;
    height:66px!important;
  }
  .how-section .how-step .how-icon .hl-brand-icon{
    width:66px!important;
    height:66px!important;
  }
  .how-section .how-copy h3{font-size:15px!important;}
  .how-section .how-copy p{font-size:12px!important;}
  .how-section .how-step:nth-child(2) .step-arrow{
    top:auto!important;
    right:calc(50% - 17px)!important;
    bottom:-25px!important;
    transform:rotate(90deg)!important;
  }
  .how-section .how-step:nth-child(3) .step-arrow{
    top:50%!important;
    right:-17px!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
  }
}

/* Móvil: una tarjeta por fila, icono a la izquierda */
@media(max-width:640px){
  .how-section .how-grid-duo{
    grid-template-columns:1fr!important;
    gap:15px!important;
  }
  .how-section .how-step{
    min-height:112px!important;
    padding:12px 14px!important;
  }
  .how-section .how-step .how-icon{
    flex-basis:68.5px!important;
    width:68.5px!important;
    height:68.5px!important;
  }
  .how-section .how-step .how-icon .hl-brand-icon{
    width:68.5px!important;
    height:68.5px!important;
  }
  .how-section .how-copy h3{font-size:15px!important;}
  .how-section .how-copy p{font-size:12px!important;}
  .how-section .how-step.has-next .step-arrow{
    top:auto!important;
    right:calc(50% - 17px)!important;
    bottom:-25px!important;
    transform:rotate(90deg)!important;
  }
  .how-section .how-step:last-child .step-arrow{display:none!important;}
}


/* v5.3.33 — Iconos de Cómo funciona aumentados 100%, manteniendo cuatro tarjetas por fila */
.how-section .how-grid-duo{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
}
.how-section .how-step{
  min-width:0!important;
  min-height:164px!important;
  padding:12px 10px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  overflow:visible!important;
}
.how-section .how-step-content{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
}
.how-section .how-step .how-icon{
  flex:0 0 116px!important;
  width:116px!important;
  height:116px!important;
  margin:0!important;
}
.how-section .how-step .how-icon .hl-brand-icon{
  width:116px!important;
  height:116px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
}
.how-section .how-copy{
  flex:1 1 0!important;
  min-width:0!important;
  width:auto!important;
}
.how-section .how-copy h3{
  font-size:14px!important;
  line-height:1.2!important;
  margin:0 0 5px!important;
}
.how-section .how-copy p{
  font-size:11px!important;
  line-height:1.35!important;
  margin:0!important;
}

/* Tablet: dos columnas, iconos duplicados a 132px */
@media(max-width:1050px){
  .how-section .how-grid-duo{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .how-section .how-step{min-height:176px!important;padding:13px!important;}
  .how-section .how-step .how-icon{
    flex-basis:132px!important;width:132px!important;height:132px!important;
  }
  .how-section .how-step .how-icon .hl-brand-icon{
    width:132px!important;height:132px!important;
  }
  .how-section .how-copy h3{font-size:15px!important;}
  .how-section .how-copy p{font-size:12px!important;}
  .how-section .how-step:nth-child(2) .step-arrow{
    top:auto!important;right:calc(50% - 17px)!important;bottom:-25px!important;
    transform:rotate(90deg)!important;
  }
  .how-section .how-step:nth-child(3) .step-arrow{
    top:50%!important;right:-17px!important;bottom:auto!important;
    transform:translateY(-50%)!important;
  }
}

/* Móvil: una columna, icono duplicado a 137px */
@media(max-width:640px){
  .how-section .how-grid-duo{grid-template-columns:1fr!important;gap:15px!important;}
  .how-section .how-step{min-height:164px!important;padding:12px 14px!important;}
  .how-section .how-step .how-icon{
    flex-basis:137px!important;width:137px!important;height:137px!important;
  }
  .how-section .how-step .how-icon .hl-brand-icon{
    width:137px!important;height:137px!important;
  }
  .how-section .how-copy h3{font-size:15px!important;}
  .how-section .how-copy p{font-size:12px!important;}
  .how-section .how-step.has-next .step-arrow{
    top:auto!important;right:calc(50% - 17px)!important;bottom:-25px!important;
    transform:rotate(90deg)!important;
  }
  .how-section .how-step:last-child .step-arrow{display:none!important;}
}

/* Flechas amarillas sin cambios: tamaño original de 34px */
.how-section .how-step.has-next .step-arrow{
  width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
}
.how-section .how-step.has-next .step-arrow .hl-icon-svg{
  width:17px!important;height:17px!important;
}


/* v5.3.36 — Iconos de Cómo funciona al 30% del tamaño anterior */
.how-section .how-grid-duo{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.how-section .how-step{
  min-height:116px!important;
  padding:10px 28px!important;
}
.how-section .how-step-content{gap:8px!important;}
.how-section .how-step .how-icon{
  box-sizing:content-box!important;
  padding:10px!important;
  flex:0 0 35px!important;
  width:35px!important;
  height:35px!important;
}
.how-section .how-step .how-icon .hl-brand-icon{
  width:35px!important;
  height:35px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
}
.how-section .how-copy{min-width:0!important;}
.how-section .how-copy h3{font-size:14px!important;line-height:1.2!important;}
.how-section .how-copy p{font-size:11px!important;line-height:1.35!important;}

/* Tablet: mantener proporción del 30% */
@media(max-width:1050px){
  .how-section .how-grid-duo{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .how-section .how-step .how-icon{
    flex-basis:40px!important;width:40px!important;height:40px!important;
  }
  .how-section .how-step .how-icon .hl-brand-icon{
    width:40px!important;height:40px!important;
  }
}

/* Móvil: iconos compactos, texto al lado derecho */
@media(max-width:640px){
  .how-section .how-grid-duo{grid-template-columns:1fr!important;}
  .how-section .how-step{
    min-height:100px!important;
    padding:16px 20px!important;
  }
  .how-section .how-step .how-icon{
    flex-basis:41px!important;width:41px!important;height:41px!important;
  }
  .how-section .how-step .how-icon .hl-brand-icon{
    width:41px!important;height:41px!important;
  }
}

/* Las flechas amarillas mantienen su tamaño original */
.how-section .how-step.has-next .step-arrow{
  width:34px!important;height:34px!important;
  min-width:34px!important;min-height:34px!important;
}
.how-section .how-step.has-next .step-arrow .hl-icon-svg{
  width:17px!important;height:17px!important;
}

/* El recorrido sigue el orden del documento al cambiar de fila. */
#proceso-lavado .washing-grid {
  --wash-gap: 22px;
  --wash-size: 35px;
  display: grid;
  gap: var(--wash-gap);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-areas: "a b c" "d e f";
}
#washing-step-1 { grid-area: a; z-index: 6; }
#washing-step-2 { grid-area: b; z-index: 5; }
#washing-step-3 { grid-area: c; z-index: 4; }
#washing-step-4 { grid-area: d; z-index: 3; }
#washing-step-5 { grid-area: e; z-index: 2; }
#washing-step-6 { grid-area: f; z-index: 1; }

#proceso-lavado .washing-step {
  display: flex;
  align-items: center !important;
  gap: 8px;
  position: relative;
  overflow: visible;
  padding: 18px 28px !important;
}
.wash-pictogram {
  flex: none;
  padding: 10px;
}
.wash-pictogram .wash-image {
  display: block;
  width: var(--wash-size);
  height: var(--wash-size);
  object-fit: contain;
}
.wash-arrow {
  position: absolute;
  top: var(--arrow-top, 50%);
  left: var(--arrow-left, calc(100% + var(--wash-gap) / 2 + 1px));
  transform: translate(-50%, -50%) rotate(var(--turn, 0deg));
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #fddf02;
  color: #022966;
  box-shadow: 0 4px 12px rgb(2 41 102 / 13%);
  pointer-events: none;
}
.wash-arrow .hl-icon-svg { width: 17px; height: 17px; }
@media (width > 980px) {
  #washing-step-3 .wash-arrow { display: none; }
}
@media (640px < width <= 980px) {
  #proceso-lavado .washing-grid {
    --wash-size: 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "a b" "c d" "e f";
  }
  #washing-step-2 .wash-arrow,
  #washing-step-4 .wash-arrow { display: none; }
}
@media (max-width: 640px) {
  #proceso-lavado .washing-grid {
    --wash-size: 41px;
    --arrow-left: 50%;
    --arrow-top: calc(100% + var(--wash-gap) / 2 + 1px);
    --turn: 90deg;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "a" "b" "c" "d" "e" "f";
  }
  #proceso-lavado .washing-step { padding: 18px 20px !important; }
}

/* Fotografías de servicios y distintivos bicolor. */
#servicios.hl-services { padding-block: clamp(12.6px, 1.4vw, 21px); background: #edf5fc; color: #022966; }
.hl-services-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(7px, .7vw, 11.2px);
}
.hl-service {
  padding: clamp(5.6px, .595vw, 9.8px);
  border-radius: 15.4px;
  background: #fff;
  text-align: center;
  box-shadow: 0 6px 20px rgb(2 41 102 / 7%);
}
.hl-service-photo {
  display: block;
  width: 100%;
  height: auto;
  margin-inline: auto;
  object-fit: contain;
  border-radius: 9.8px;
}
.hl-service-ring {
  --size: clamp(31px, 2.66vw, 40.6px);
  position: relative;
  display: grid;
  place-items: center;
  width: var(--size);
  height: var(--size);
  margin: calc(-.6 * var(--size)) auto 5.6px;
  border-radius: 50%;
  background: linear-gradient(to right, #0066ee 50%, #fddf02 50%);
  box-shadow: 0 0 0 2px white;
}
.hl-service-ring::before {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: white;
}
.hl-service-ring svg { position: relative; width: 53%; height: 53%; color: #022966; }
.hl-service h3 { margin: 0; color: #022966; font-size: clamp(15px, 1.12vw, 16.8px); line-height: 1.2; }
.hl-service p { font-size: 14px; margin: 3.5px 0 2px; color: #31445c; line-height: 1.35; }
@media (max-width: 1050px) { .hl-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .hl-services-grid { grid-template-columns: minmax(0, 1fr); } }

/* Acciones de contacto y horario de atención en Colombia. */
body[data-contact-endpoint] a[data-contact*="_wa_"] {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 4px 8px;
  padding: 8px 12px;
  border-radius: 10px;
  background: #25d366;
  border-color: #25d366;
  color: #082b19;
  box-shadow: none;
  text-decoration: none;
}
body[data-contact-endpoint] a[data-contact*="_wa_"]:hover { background: #21c65f; color: #082b19; }
.wa-online { display: none; }
.contact-online .wa-online {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  border-radius: 12px;
  background: #e8ffef;
  color: #12572e;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.wa-online::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #07803b;
  animation: hl-presence 1.8s ease-in-out infinite;
}
@keyframes hl-presence { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .wa-online::before { animation: none; } }
.concern-card .care-heading { display: flex; align-items: center; gap: 10px; }
.care-icon { width: 38px; height: 38px; object-fit: contain; flex: none; }