.uclean-advantage-grid{gap:24px}
.uclean-advantage-grid article{min-height:190px;padding:34px 32px 30px 126px;border:1px solid #d7e4f1;border-radius:16px;box-shadow:0 12px 30px #174d850d}
.uclean-advantage-grid article>span{left:28px;top:34px;width:72px;height:72px;border:1px solid #cfe0f0;background:linear-gradient(145deg,#f8fbff,#edf4fb);color:#075da9;box-shadow:inset 0 0 18px #0a67b50a}
.uclean-advantage-grid article>span svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.uclean-advantage-grid h3{margin-bottom:14px;color:#083b79;font-size:1.3rem;line-height:1.35}
.uclean-advantage-grid p{color:#2f435b;font-size:1rem;line-height:1.8}
.uclean-advantage-grid .uclean-wide{min-height:154px}
.uclean-soft#advantages{background:radial-gradient(circle at 8% 8%,#eef6ff 0,transparent 25%),radial-gradient(circle at 92% 92%,#eef6ff 0,transparent 24%),#f8fbff}
.uclean-soft#advantages h2{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:44px;text-align:center}
.uclean-soft#advantages h2:before,.uclean-soft#advantages h2:after{content:"";display:block;width:min(19vw,260px);height:2px;background:linear-gradient(90deg,transparent,#1774cf)}
.uclean-soft#advantages h2:after{background:linear-gradient(90deg,#1774cf,transparent)}
@media(max-width:700px){
  .uclean-advantage-grid{gap:16px}
  .uclean-advantage-grid article{padding:26px 22px 24px 98px;min-height:150px}
  .uclean-advantage-grid article>span{left:18px;top:27px;width:62px;height:62px}
  .uclean-advantage-grid article>span svg{width:39px;height:39px}
  .uclean-advantage-grid h3{font-size:1.12rem}
  .uclean-advantage-grid p{font-size:.92rem;line-height:1.7}
  .uclean-soft#advantages h2{gap:14px;margin-bottom:30px}
  .uclean-soft#advantages h2:before,.uclean-soft#advantages h2:after{width:14vw}
}
.uclean-banner-stage{position:relative}.uclean-banner-copy{position:absolute;left:5%;top:12%;width:36%;color:#082951}.uclean-banner-copy h2{font-size:clamp(24px,3.5vw,60px);line-height:1.25;margin:20px 0 28px}.uclean-banner-copy p{font-size:clamp(12px,1.35vw,22px);line-height:1.65;font-weight:600}.uclean-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}.uclean-case-grid figure{margin:0;overflow:hidden;border-radius:12px;background:#102e52}.uclean-cases .uclean-case-grid img{width:100%;aspect-ratio:4/3;object-fit:contain;margin:0;border-radius:0;background:#091d33}.uclean-case-grid figcaption{padding:18px 20px;font-size:1.12rem;font-weight:700}.uclean-application-photo{aspect-ratio:1.87;overflow:hidden}.uclean-application-photo img{width:100%;height:auto;max-width:none}.uclean-effect-visual{padding:26px 20px;background:#f8faff}.uclean-effect-visual h3{text-align:center;color:#083b79;margin:0 0 24px;font-size:1.5rem}.uclean-droplets{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:center}.uclean-droplets strong{display:inline-block;padding:7px 20px;margin-bottom:12px;color:#fff;background:#0862c2;border-radius:10px}.uclean-droplets>div:first-child strong{background:#656565}.uclean-droplet{width:100%;aspect-ratio:2;background-image:url('./assets/u-clean-treatment-effect.webp');background-repeat:no-repeat;background-size:266% auto;border-radius:10px}.uclean-droplet.before{background-position:10% 25%}.uclean-droplet.after{background-position:90% 25%}.uclean-effect-visual>p{text-align:center;color:#095fae;font-weight:700}.uclean-result-row{display:grid;grid-template-columns:1fr 24px 1fr;gap:10px;padding:14px 10px;border-top:1px solid #d8e3ef;align-items:center;font-size:.95rem}.uclean-result-row span:last-child{color:#0862c2;font-weight:700}.uclean-result-row b{color:#5595d3}
@media(max-width:700px){.uclean-banner-stage{display:flex;flex-direction:column;background:#eaf1f9}.uclean-banner-copy{position:static;order:-1;width:auto;padding:28px 22px 6px}.uclean-banner-copy h2{font-size:30px;margin:10px 0 16px}.uclean-banner-copy p{font-size:14px;margin:8px 0}.uclean-banner-stage>img{width:100%;height:auto}.uclean-case-grid{grid-template-columns:1fr;gap:20px}.uclean-result-row{font-size:.82rem;padding:12px 0}.uclean-effect-visual{padding:20px 12px}}
.uclean-application-detail{padding:14px 18px 0;margin:0;font-size:.9rem;line-height:1.7;color:#526a83}
.uclean-banner-copy{top:10%;width:36%}.uclean-banner-copy h2{font-size:clamp(24px,3.3vw,56px);margin:18px 0 26px}.uclean-banner-copy .uclean-banner-description{font-size:clamp(12px,1.18vw,19px);line-height:1.8}.uclean-banner-features{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0;margin:30px 0 0;list-style:none}.uclean-banner-features li{border-top:2px solid #5593c8;padding-top:12px;font-size:clamp(10px,.9vw,15px);line-height:1.5;font-weight:600}.uclean-banner-copy:lang(es) h2,.uclean-banner-copy:lang(en) h2{font-size:clamp(24px,2.9vw,48px)}
@media(max-width:1000px) and (min-width:701px){.uclean-banner-copy{top:7%;width:37%}.uclean-banner-copy h2{margin:10px 0}.uclean-banner-features{margin-top:14px;gap:6px}}
@media(max-width:700px){.uclean-banner-copy{width:auto}.uclean-banner-copy h2,.uclean-banner-copy:lang(es) h2,.uclean-banner-copy:lang(en) h2{font-size:30px}.uclean-banner-copy .uclean-banner-description{font-size:14px}.uclean-banner-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.uclean-banner-features li{font-size:12px}}
/* Display the complete localized artwork at its native proportions. */
.uclean-banner .uclean-banner-stage{display:block;position:relative;width:100%;height:auto;min-height:0;max-height:none;overflow:visible}
.uclean-banner .uclean-localized-banner{display:block;position:static;width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;object-position:center;transform:none}
.uclean-mobile-banner{display:none}
.product-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;color:#6a7f96;font-size:.82rem;font-weight:700;line-height:1.5}.product-breadcrumb a{color:#1264aa;text-decoration:none}.product-breadcrumb a:hover,.product-breadcrumb a:focus-visible{text-decoration:underline}.product-breadcrumb [aria-current=page]{color:#37546f}.product-breadcrumb-bar{box-sizing:border-box;width:min(1200px,100%);margin:0 auto;padding:14px 24px;border-bottom:1px solid #dce7f2;background:#f7faff}
@media(max-width:700px){
  .uclean-banner-stage{display:none!important}
  .uclean-mobile-banner{display:flex;flex-direction:column;background:linear-gradient(180deg,#f4f8fd 0,#eaf2fa 100%);overflow:hidden}
  .uclean-mobile-copy{padding:34px 22px 18px;color:#0b315f}
  .uclean-mobile-model{margin:0 0 14px;color:#145995;font-size:.76rem;font-weight:800;letter-spacing:.04em}
  .uclean-mobile-copy h2{max-width:520px;margin:0 0 16px;font-size:clamp(2rem,9vw,2.75rem);line-height:1.18;letter-spacing:-.035em}
  .uclean-mobile-copy>p:not(.uclean-mobile-model){margin:0;color:#4e657e;font-size:.92rem;line-height:1.75}
  .uclean-mobile-copy ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:22px 0 0;padding:0;list-style:none}
  .uclean-mobile-copy li{padding:9px 10px;border:1px solid #c9dbea;border-radius:8px;background:#ffffffb8;color:#174b7c;font-size:.76rem;font-weight:700;line-height:1.35;text-align:center}
  .uclean-mobile-copy li:last-child{grid-column:1/-1}
  .uclean-mobile-banner>img{display:block;width:100%;height:auto;object-fit:contain;object-position:center bottom}
  .product-breadcrumb{gap:6px;margin-bottom:14px;font-size:.74rem}.product-breadcrumb-bar{padding:11px 20px;white-space:normal}
}
