.home-page { --navy:#06243c; --blue:#075783; --muted:#516574; color:#172f41; background:#fff; font-family:Arial,Helvetica,sans-serif; font-size:17px; line-height:1.6; padding-bottom:0; }
.home-page * { box-sizing:border-box; }
.home-page .shell { width:min(1160px,calc(100% - 64px)); margin-inline:auto; }
.home-page h1,.home-page h2,.home-page h3 { font-family:Arial,Helvetica,sans-serif; letter-spacing:-.025em; line-height:1.2; }
.home-page h2 { margin:0 0 20px; font-size:32px; font-weight:700; color:var(--navy); }
.home-page h3 { margin:0 0 12px; font-size:21px; font-weight:700; color:var(--navy); }
.home-page p { margin:0 0 16px; }
.home-page a { text-underline-offset:4px; }
.home-page a:focus-visible,.home-page button:focus-visible,.home-page summary:focus-visible { outline:3px solid #10afd8; outline-offset:5px; }
.home-page main.home-main { display:block; background:#fff; }
.home-header { background:#041d33; color:#fff; border-bottom:1px solid rgba(255,255,255,.13); }
.home-nav { display:flex; align-items:center; min-height:74px; gap:30px; }
.home-brand { display:flex; align-items:center; gap:11px; margin-right:auto; text-decoration:none; color:#fff; font-size:24px; letter-spacing:.09em; font-weight:700; }
.home-brand svg { flex-shrink:0; color:#8ed9f4; }
.home-header nav { display:flex; gap:25px; }
.home-header nav a { color:#ecf5fb; font-size:14px; font-weight:500; text-decoration:none; }
.home-header nav a:hover { color:#8ed9f4; }
.header-phone { color:#fff; text-decoration:none; font-size:17px; font-weight:700; white-space:nowrap; }
.home-page .home-menu-toggle { display:none; }
.home-hero { position:relative; padding:38px 0 30px; color:#fff; background-color:#05213a; background-image:linear-gradient(90deg,rgba(2,22,40,.45),rgba(2,22,40,.08)),url('/assets/woda-chemix-hero.webp'); background-position:center,center 32%; background-size:cover; }
.home-page .home-hero h1 { margin:0 0 24px; color:#fff; font-size:42px; font-weight:700; text-shadow:0 2px 12px #031f35; }
.price-board { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; overflow:hidden; border-radius:7px; background:#fff; box-shadow:0 14px 40px rgba(0,12,26,.2); }
.price-board > div { padding:17px 24px 16px; border-right:1px solid #d9e4eb; }
.price-board > div:last-child { border-right:0; }
.price-board dt { min-height:28px; color:var(--navy); font-size:20px; font-weight:600; line-height:1.3; }
.price-board dd { margin:5px 0 0; }
.price-board strong { display:block; color:var(--navy); font-size:38px; font-weight:700; line-height:1.15; letter-spacing:-.025em; }
.price-board dd span { display:block; margin-top:5px; color:#546a78; font-size:14px; line-height:1.3; }
.price-board .price-bulk { background:#e9f5fc; }
.price-board .price-bulk dt { font-size:18px; }
.price-board .price-bulk strong { white-space:nowrap; }
.price-board strong small { font-size:17px; font-weight:500; letter-spacing:0; }
.hero-contact { display:grid; grid-template-columns:auto 1fr auto; gap:24px; align-items:center; margin-top:22px; }
.action { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:10px 25px; border-radius:5px; text-decoration:none; font-size:23px; font-weight:700; line-height:1.25; letter-spacing:.015em; white-space:nowrap; }
.action-light { color:#04233c; background:#9ce2f6; box-shadow:0 5px 18px rgba(0,0,0,.12); }
.action-light:hover { background:#c6effa; }
.hero-location address { color:#fff; font-style:normal; font-size:17px; line-height:1.4; }
.home-page .hero-location p { margin:4px 0 0; color:#d4e3ec; font-size:14px; line-height:1.4; }
.hero-directions { color:#fff; text-decoration:none; font-weight:600; font-size:15px; white-space:nowrap; }
.home-page .hero-price-note { margin:17px 0 0; color:#d0e0ea; font-size:13px; line-height:1.5; }
.hero-price-note span { margin-left:10px; }
.home-section { padding:62px 0; scroll-margin-top:20px; }
.home-section-tint { background:#f3f7fa; }
.home-page #oferta { background:#fff; }
.home-section-heading { margin-bottom:28px; }
.home-section-heading h2 { margin-bottom:10px; }
.home-section-heading p { color:var(--muted); }
.product-links { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.product-links article { border-top:2px solid #c9dfe9; padding-top:20px; }
.product-links h3 a { display:flex; justify-content:space-between; align-items:start; gap:10px; text-decoration:none; }
.product-links h3 a span { color:#2784ad; }
.product-links article p { margin:0; color:var(--muted); font-size:16px; line-height:1.6; }
.application-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:35px; }
.application-links a { display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:68px; padding:13px 0; border-bottom:1px solid #d5e1e8; color:var(--navy); text-decoration:none; font-size:16px; line-height:1.4; }
.application-links a:hover { color:#08769d; border-color:#2784ad; }
.application-links a > span:last-child { color:#328ab3; flex-shrink:0; }
.pickup-layout { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }
.container-fees { margin:24px 0 16px; }
.container-fees > div { display:flex; justify-content:space-between; gap:20px; padding:10px 0; border-bottom:1px solid #dbe5ea; }
.container-fees dt { font-size:15px; }
.container-fees dd { margin:0; font-weight:700; font-size:15px; white-space:nowrap; }
.home-page .small-copy { color:var(--muted); font-size:14px; line-height:1.6; }
.location-photo { margin:0; }
.location-photo img { width:100%; height:340px; object-fit:cover; border-radius:5px; }
.location-photo figcaption { margin-top:10px; color:var(--muted); font-size:13px; }
.location-photo > a { display:inline-block; margin-top:10px; color:var(--blue); font-size:14px; }
.home-details { margin-top:20px; }
.home-details summary { color:var(--blue); cursor:pointer; font-size:15px; font-weight:600; padding:5px 0; }
.home-details[open] summary { margin-bottom:12px; }
.home-details p { color:var(--muted); font-size:15px; }
.documentation-layout { display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.water-parameters { display:flex; gap:40px; margin:25px 0 18px; }
.water-parameters dt { color:var(--muted); font-size:14px; }
.water-parameters dd { margin:5px 0 0; color:var(--navy); font-size:34px; font-weight:700; line-height:1.2; }
.water-parameters small { font-size:17px; font-weight:500; }
.home-page .author-note { margin-top:24px; padding-top:20px; border-top:1px solid #ccdce6; font-size:14px; line-height:1.65; color:var(--muted); }
.author-note strong { color:var(--navy); font-size:15px; }
.document-links { scroll-margin-top:24px; }
.document-links > h3 { margin-bottom:16px; }
.document-links > a { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:18px 0; border-bottom:1px solid #cedde6; text-decoration:none; color:var(--navy); font-size:17px; }
.document-links > a:hover { color:var(--blue); }
.document-links small { color:var(--muted); font-size:12px; white-space:nowrap; }
.guide-links { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.guide-links a { display:block; padding:22px 0; border-top:1px solid #c6d9e5; text-decoration:none; }
.guide-links a > span { display:block; margin-bottom:8px; color:var(--muted); font-size:14px; }
.guide-links h3 { max-width:430px; margin-bottom:18px; font-size:23px; }
.guide-links b { color:var(--blue); font-size:14px; font-weight:500; }
.household-advice { border-top:1px solid #dbe5eb; padding-top:18px; margin-top:14px; }
.home-recipes .shell { width:100%; }
.home-recipes .section-head { max-width:100%; margin:24px 0; text-align:left; }
.home-recipes .eyebrow { display:none; }
.home-page .home-recipes h2 { font-size:25px; }
.home-page .home-recipes h3 { font-size:20px; }
.home-page .recipe-card { border:0; border-top:1px solid #d5e3eb; border-radius:0; background:#fff; box-shadow:none; padding:20px 0; }
.home-page .recipe-no { display:none; }
.home-page .recipe-warning { background:#f5f8fa; border:0; font-size:14px; }
.home-footer { padding:46px 0 18px; background:#06243c; color:#d8e6ef; }
.footer-contact { display:grid; grid-template-columns:1fr 1.1fr 1fr; gap:40px; padding-bottom:32px; }
.footer-phone { display:inline-block; color:#fff; font-size:30px; font-weight:700; line-height:1.4; text-decoration:none; }
.home-page .footer-contact p { margin:10px 0 0; font-size:14px; line-height:1.6; }
.footer-contact address { font-style:normal; font-size:15px; }
.footer-contact address strong { color:#fff; }
.footer-contact address a { display:inline-block; margin-top:10px; }
.footer-contact > div:last-child > a { font-size:15px; }
.footer-legal { display:flex; justify-content:space-between; gap:20px; padding-top:17px; border-top:1px solid #294257; font-size:12px; color:#a5bdcc; }
.home-page .home-main > .breadcrumb,.home-page .home-main > .home-route-actions { display:none; }
@media(max-width:1050px) {
  .home-nav { gap:22px; }
  .home-header nav { gap:18px; }
  .header-phone { display:none; }
  .price-board > div { padding-inline:18px; }
  .price-board strong { font-size:34px; }
  .hero-contact { gap:18px; }
  .hero-location address { font-size:15px; }
  .home-page .hero-location p { font-size:13px; }
  .pickup-layout,.documentation-layout { gap:35px; }
}
@media(max-width:760px) {
  .home-page .shell { width:calc(100% - 36px); }
  .home-nav { min-height:58px; flex-wrap:wrap; gap:0; padding:9px 0; }
  .home-brand { font-size:21px; gap:9px; }
  .home-brand svg { width:22px; height:28px; }
  .home-page .home-menu-toggle { display:block; padding:6px 12px; border:1px solid #4c6a80; border-radius:4px; background:transparent; color:#fff; font:500 14px/1.4 Arial,sans-serif; }
  .home-header #home-menu { order:5; display:none; flex-basis:100%; padding-top:10px; gap:0; }
  .home-header #home-menu.is-open { display:grid; grid-template-columns:1fr 1fr; }
  .home-header #home-menu a { padding:11px 0; border-top:1px solid #2b455b; }
  .home-hero { padding:20px 0 24px; background-position:center,60% 15%; }
  .home-page .home-hero h1 { font-size:29px; margin-bottom:17px; }
  .price-board { grid-template-columns:repeat(2,minmax(0,1fr)); border-radius:5px; }
  .price-board > div { padding:11px 15px 12px; }
  .price-board > div:nth-child(2) { border-right:0; }
  .price-board > div:nth-child(-n+2) { border-bottom:1px solid #d9e4eb; }
  .price-board dt { min-height:22px; font-size:18px; }
  .price-board .price-bulk dt { font-size:15px; }
  .price-board dd { margin-top:3px; }
  .price-board strong { font-size:31px; }
  .price-board strong small { font-size:13px; }
  .price-board dd span { margin-top:3px; font-size:13px; }
  .hero-contact { grid-template-columns:minmax(0,1fr) auto; margin-top:15px; gap:12px 16px; }
  .action { min-height:46px; padding:10px 18px; font-size:22px; }
  .hero-location { grid-column:1/-1; grid-row:2; }
  .hero-location address { font-size:15px; line-height:1.45; }
  .home-page .hero-location p { font-size:12px; line-height:1.5; margin-top:3px; }
  .hero-directions { font-size:14px; }
  .home-page .hero-price-note { margin-top:12px; font-size:12px; line-height:1.5; }
  .hero-price-note span { display:block; margin-left:0; }
  .home-section { padding:38px 0; }
  .home-page h2 { font-size:27px; margin-bottom:16px; }
  .home-page h3 { font-size:20px; }
  .home-section-heading { margin-bottom:23px; }
  .home-section-heading p { font-size:15px; }
  .product-links { grid-template-columns:1fr; gap:23px; }
  .product-links article { padding-top:16px; }
  .product-links article p { font-size:15px; }
  .application-links { grid-template-columns:1fr 1fr; column-gap:22px; }
  .application-links a { min-height:76px; font-size:14px; gap:8px; }
  .pickup-layout,.documentation-layout { grid-template-columns:1fr; gap:30px; }
  .pickup-layout > div > p { font-size:15px; }
  .container-fees > div { gap:10px; }
  .container-fees dt,.container-fees dd { font-size:13px; }
  .location-photo img { height:240px; }
  .water-parameters { gap:30px; }
  .water-parameters dt { font-size:12px; }
  .water-parameters dd { font-size:30px; }
  .water-parameters small { font-size:15px; }
  .document-links > a { font-size:15px; gap:10px; }
  .document-links small { font-size:11px; }
  .guide-links { grid-template-columns:1fr; gap:0; }
  .guide-links h3 { font-size:21px; }
  .home-footer { padding-top:34px; }
  .footer-contact { grid-template-columns:1fr; gap:24px; }
  .footer-legal { flex-direction:column; gap:10px; }
}
@media(max-width:360px) {
  .home-page .shell { width:calc(100% - 28px); }
  .home-page .home-hero h1 { font-size:26px; }
  .price-board > div { padding-inline:12px; }
  .price-board strong { font-size:28px; }
  .price-board .price-bulk dt { font-size:14px; }
  .price-board strong small { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .home-page { scroll-behavior:auto; } }