*{box-sizing:border-box;margin:0;padding:0}
:root{--blue:#087bd9;--blue2:#00a8ff;--dark:#07101c;--dark2:#0d1c2c;--text:#15202b;--muted:#667483;--line:#e4eaf0;--light:#f5f9fc;--white:#fff}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,92%);margin:auto}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,228,236,.8)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:0;position:relative;font-weight:900;letter-spacing:-2px;font-size:29px;line-height:1}
.brand-ice{color:#0b8de8}.brand-box{color:#0c2338}
.brand small{display:block;position:absolute;left:2px;top:34px;font-size:7px;letter-spacing:1.8px;color:#6b7b8b;white-space:nowrap;font-weight:800}
.menu{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:800;letter-spacing:.5px}
.menu a{transition:.2s}.menu a:hover{color:var(--blue)}
.nav-cta{background:var(--dark);color:#fff!important;padding:13px 18px;border-radius:8px}
.menu-toggle{display:none;background:none;border:0;font-size:26px}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fcff 0%,#eaf6ff 54%,#d8efff 100%);min-height:670px;display:flex;align-items:center}
.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;right:-180px;top:-180px;background:radial-gradient(circle,rgba(0,168,255,.22),transparent 65%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding:80px 0}
.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:900;color:var(--blue);display:inline-block;margin-bottom:15px}
h1{font-size:clamp(56px,7vw,96px);line-height:.9;letter-spacing:-5px;color:#071b2d;font-weight:900}
h1 span,h2 span{color:var(--blue)}
.hero-text{font-size:18px;color:#526273;max-width:590px;margin:30px 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:8px;font-size:11px;font-weight:900;letter-spacing:1px;transition:.2s;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 25px rgba(8,123,217,.2)}
.btn-primary:hover{transform:translateY(-2px);background:#066fca}
.btn-outline{border-color:#b7c8d7;color:#17334a;background:#fff}
.btn-outline:hover{border-color:var(--blue);color:var(--blue)}
.btn-white{background:#fff;color:#071b2d}
.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;color:#385267;font-size:12px;font-weight:700}
.hero-visual{min-height:440px;display:flex;align-items:center;justify-content:center;position:relative}
.ice-card{width:390px;height:390px;border-radius:35px;position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#c8ecff);box-shadow:0 35px 70px rgba(9,87,145,.25),inset 0 0 60px rgba(255,255,255,.7);transform:rotate(5deg)}
.ice-card:before,.ice-card:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.4);filter:blur(1px)}
.ice-card:before{width:220px;height:220px;top:-80px;right:-50px}.ice-card:after{width:180px;height:180px;bottom:-80px;left:-40px}
.cube{position:absolute;width:105px;height:105px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(92,197,255,.2));border:2px solid rgba(255,255,255,.85);box-shadow:0 20px 30px rgba(0,100,170,.12);backdrop-filter:blur(2px)}
.cube-a{left:45px;top:65px;transform:rotate(18deg)}.cube-b{right:50px;top:115px;transform:rotate(-13deg)}.cube-c{left:135px;bottom:48px;transform:rotate(28deg)}
.ice-word{position:absolute;z-index:2;left:0;right:0;top:164px;text-align:center;font-size:58px;font-weight:900;letter-spacing:-4px;color:#fff;text-shadow:0 5px 15px rgba(0,75,130,.25)}
.ice-caption{position:absolute;z-index:2;left:0;right:0;top:235px;text-align:center;font-size:10px;font-weight:900;letter-spacing:3px;color:#126b9e}
.hero-badge{position:absolute;right:0;bottom:28px;background:#071b2d;color:#fff;border-radius:13px;padding:16px 20px;box-shadow:0 20px 35px rgba(0,20,40,.18)}
.hero-badge strong{display:block;font-size:13px}.hero-badge span{font-size:10px;color:#a9bdcd}
.trust{background:var(--dark);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.trust-grid div{padding:10px 25px;border-right:1px solid rgba(255,255,255,.12)}.trust-grid div:last-child{border:0}.trust-grid strong{display:block;font-size:23px;color:#7fd5ff}.trust-grid span{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#a6b5c1}
.section{padding:100px 0}.section-heading{max-width:720px;margin-bottom:45px}.section-heading h2,h2{font-size:clamp(35px,4vw,58px);line-height:1.03;letter-spacing:-2.5px;margin-bottom:20px}.section-heading p{color:var(--muted);font-size:16px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{min-height:330px;padding:30px;border:1px solid var(--line);border-radius:18px;position:relative;overflow:hidden;transition:.25s;background:#fff}.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(18,52,76,.1)}.product-card.featured{background:#f0f9ff;border-color:#cdeaff}.product-card.featured-dark{background:var(--dark);color:#fff;border-color:var(--dark)}.product-number{font-size:10px;font-weight:900;color:#8ca1b2}.product-icon{width:72px;height:72px;border-radius:18px;background:linear-gradient(145deg,#bfeaff,#fff);display:flex;align-items:center;justify-content:center;color:#0884dc;font-weight:900;margin:45px 0 24px;font-size:12px}.featured-dark .product-icon{background:#183b58;color:#8fddff}.product-card h3{font-size:23px;letter-spacing:-1px;margin-bottom:9px}.product-card p{font-size:13px;color:#738291;min-height:64px}.featured-dark p{color:#a9b9c5}.text-link{display:inline-block;margin-top:25px;font-size:10px;font-weight:900;letter-spacing:1.2px;color:var(--blue)}
.business{background:#f5f9fc}.business-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.image-frame{position:relative;padding:16px;background:#fff;border-radius:22px;box-shadow:0 25px 60px rgba(21,61,90,.12)}.image-frame img{width:100%;height:500px;object-fit:cover;border-radius:14px;display:block}.image-tag{position:absolute;bottom:30px;left:30px;background:#071b2d;color:#fff;padding:12px 15px;border-radius:7px;font-size:9px;font-weight:900;letter-spacing:1.2px}.business-copy p,.split-section p,.distributor-copy p{color:var(--muted);font-size:16px;margin-bottom:28px}.business-list{margin:30px 0}.business-list>div{display:flex;gap:20px;padding:16px 0;border-top:1px solid #dce6ee}.business-list b{font-size:11px;color:var(--blue)}.business-list span{font-size:13px;color:#697a89}.business-list strong{color:#1a2c3c}
.delivery{padding-top:0}.delivery-box{background:linear-gradient(125deg,#071b2d,#0c2d47);color:#fff;border-radius:25px;padding:55px 60px;display:grid;grid-template-columns:1.2fr .9fr auto;gap:35px;align-items:center;overflow:hidden;position:relative}.delivery-box:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;right:-150px;top:-160px;background:rgba(0,168,255,.16)}.delivery-box h2{margin-bottom:12px}.delivery-box p{color:#afc1cf}.delivery-info{display:grid;gap:13px}.delivery-item{border-left:2px solid #168edb;padding-left:14px}.delivery-item strong{display:block;font-size:15px}.delivery-item span{display:block;color:#91a7b8;font-size:10px}
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.comodato-photo img{width:100%;height:460px;object-fit:cover;border-radius:20px;box-shadow:0 25px 60px rgba(20,60,90,.14)}
.distributors{background:#eaf6ff}.distributor-grid{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:start}.mini-benefits{display:grid;gap:12px;font-weight:700;color:#355167;font-size:13px}.lead-form{background:#fff;padding:32px;border-radius:18px;box-shadow:0 25px 55px rgba(20,80,120,.1)}.lead-form h3{font-size:24px;margin-bottom:22px}.lead-form label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:900;color:#506575;margin:12px 0}.lead-form input,.lead-form select{width:100%;border:1px solid #d8e2e9;border-radius:8px;padding:13px 12px;font:inherit;font-size:13px;margin-top:6px;outline:none;background:#fff}.lead-form input:focus,.lead-form select:focus{border-color:var(--blue)}.lead-form .btn{width:100%;margin-top:10px}.lead-form small{display:block;color:#8a99a5;font-size:9px;text-align:center;margin-top:10px}
.quote-section{padding-top:0}.quote-card{border:1px solid var(--line);border-radius:20px;padding:45px 50px;display:flex;justify-content:space-between;align-items:center;gap:30px}.quote-card h2{font-size:35px;margin-bottom:8px}.quote-card p{color:var(--muted)}
.contact{background:#f5f9fc}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact-grid p{color:var(--muted)}.contact-card{display:grid;gap:2px}.contact-card a{background:#fff;padding:19px 22px;border-bottom:1px solid #e8edf1}.contact-card a:first-child{border-radius:12px 12px 0 0}.contact-card a:last-child{border-radius:0 0 12px 12px}.contact-card span{display:block;font-size:9px;font-weight:900;letter-spacing:1.2px;color:#8a99a5}.contact-card strong{font-size:18px;color:#10283b}
footer{background:#06111c;color:#fff;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px;align-items:start}.footer-grid p{color:#879baa;font-size:12px;margin-top:8px}.footer-brand{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:35px;padding-top:18px;text-align:center;color:#617484;font-size:9px}.floating-whatsapp{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#20c76a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:11px;box-shadow:0 12px 30px rgba(0,0,0,.22);z-index:60}
@media(max-width:900px){.menu-toggle{display:block}.menu{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:20px 5%;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.menu.open{display:flex}.menu a{padding:9px}.hero-grid,.business-grid,.split-grid,.distributor-grid,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{padding:65px 0}.hero-visual{min-height:400px}.product-grid{grid-template-columns:repeat(2,1fr)}.delivery-box{grid-template-columns:1fr;padding:40px}.quote-card{display:grid}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.nav{height:72px}.menu{top:72px}.brand{font-size:26px}.hero-grid{padding:55px 0}.hero-actions .btn{width:100%}.hero-points{gap:10px}.hero-visual{min-height:330px}.ice-card{width:290px;height:290px}.ice-word{top:120px;font-size:44px}.ice-caption{top:178px}.cube{width:75px;height:75px}.cube-a{left:35px;top:50px}.cube-b{right:35px;top:80px}.cube-c{left:100px;bottom:35px}.hero-badge{right:0;bottom:0}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid div{border-bottom:1px solid rgba(255,255,255,.12)}.section{padding:75px 0}.product-grid{grid-template-columns:1fr}.product-card{min-height:280px}.image-frame img,.comodato-photo img{height:360px}.delivery-box{padding:35px 25px}.quote-card{padding:30px 25px}.quote-card h2{font-size:29px}.footer-grid{grid-template-columns:1fr}.contact-card strong{font-size:16px}}


/* Secciones de agua purificada y pedido combinado */
.water-section{background:#fff}.water-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}
.water-copy p{color:var(--muted);font-size:15px;margin-bottom:22px}.water-benefits{display:grid;gap:10px;font-size:13px;font-weight:700;color:#355167;margin:25px 0}
.water-note{font-size:12px!important;color:#718393!important;border-left:3px solid var(--blue);padding-left:13px}
.water-products{display:grid;grid-template-columns:1fr 1fr;gap:16px}.water-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#f7fbfe}
.water-gallon{grid-row:span 2}.water-card img{width:100%;height:300px;object-fit:cover;display:block}.water-card-content{padding:22px}
.water-label{font-size:9px;letter-spacing:1.2px;color:var(--blue);font-weight:900}.water-card h3,.small-water-card h3{font-size:21px;letter-spacing:-.6px;margin:8px 0}
.water-card p,.small-water-card p{font-size:12px;color:var(--muted)}.small-water-grid{display:grid;gap:16px}
.small-water-card{background:#eef8ff;border:1px solid #d8edfb;border-radius:18px;padding:20px;min-height:180px}
.bottle-icon{height:58px;width:38px;border:2px solid #2a9fe8;border-radius:10px 10px 7px 7px;color:#087bd9;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:900;position:relative;background:linear-gradient(100deg,#fff,#d4f1ff)}
.bottle-icon:before{content:"";position:absolute;top:-9px;width:16px;height:9px;border-radius:3px 3px 0 0;background:#168cdb}.bottle-icon span{font-size:8px}
.quick-order{background:#f1f8fd}.quick-order-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.quick-order-grid>div>p{color:var(--muted);margin-bottom:22px}.order-promise{border-left:3px solid var(--blue);padding:12px 16px;background:#fff;border-radius:0 9px 9px 0;color:#486274;font-size:12px;font-weight:700}
.order-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 20px 50px rgba(20,65,95,.06)}
.order-field label,.order-form>label{display:block;font-size:10px;font-weight:900;letter-spacing:.4px;color:#536878}
.order-field input,.order-form>label input{width:100%;margin-top:6px;padding:12px;border:1px solid #d8e2e9;border-radius:8px;font:inherit;font-size:13px}.order-wide{grid-column:1/-1}.order-form small{font-size:10px;color:#8393a0;text-align:center}
@media(max-width:900px){.water-grid,.quick-order-grid{grid-template-columns:1fr}.water-products{max-width:650px}.water-card img{height:250px}}
@media(max-width:560px){.water-products{grid-template-columns:1fr}.water-gallon{grid-row:auto}.water-card img{height:270px}.small-water-grid{grid-template-columns:1fr 1fr}.small-water-card{padding:15px}.order-form{grid-template-columns:1fr;padding:20px}.order-wide{grid-column:auto}}