/* Match NEXA's existing palette. */
.nav {gap:14px;padding-left:3vw;padding-right:3vw}
.nav nav {gap:16px;margin-left:0}
.nav-search {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;margin-left:auto;border:1px solid #e4e1e8;border-radius:10px;background:white;color:#6d28d9;cursor:pointer}
.nav-search:hover {background:#f5f0ff}
.site-dialog {padding:26px;border:1px solid #e7e3ec;border-radius:20px;width:min(660px,calc(100% - 32px));max-height:85dvh;overflow:auto;color:#09090d;background:#fff;box-shadow:0 20px 80px #1c122d33}
.site-dialog::backdrop {background:#10091b88;backdrop-filter:blur(3px)}
.site-dialog-head {display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:20px}
.site-dialog-head h2 {font-size:24px;line-height:1.2;margin:0}
.site-dialog-close {flex-shrink:0;width:44px;height:44px;border:1px solid #e4e1e8;border-radius:50%;background:white;color:#21172e;font-size:28px;cursor:pointer}
.site-dialog label {display:block;font-size:14px;font-weight:650;margin-bottom:8px}
.site-dialog input[type=search] {width:100%;font:inherit;font-size:16px;padding:14px;border:1px solid #b4a5c6;border-radius:12px}
.quick-search-status {font-size:14px;color:#6b7280;margin:16px 0}
.quick-results {list-style:none;margin:0;padding:0}
.quick-result {width:100%;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:16px;padding:12px 8px;border:0;border-bottom:1px solid #eee;background:white;text-align:left;font:inherit;color:inherit;cursor:pointer}
.quick-result:hover,.quick-result:focus-visible {background:#f6f1fc}
.quick-result img {width:50px;height:65px;object-fit:contain}
.quick-result strong {display:block;font-size:15px}
.quick-result small {display:block;margin-top:6px;color:#6b7280}
.quick-result-price {font-size:14px;font-weight:700;white-space:nowrap}
.nexa-connect {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:26px;padding-top:20px}
.connect-card {border:1px solid #e5dbee;border-radius:20px;padding:30px;background:#faf8fe}
.connect-card h2 {font-size:28px;line-height:1.2;margin:0 0 14px}
.connect-card p {line-height:1.6;color:#5e5669}
.connect-card .eyebrow {color:#6d28d9;margin-top:0;font-size:11px}
.newsletter-email {display:block;font-weight:650;font-size:14px;margin:20px 0 8px}
.newsletter-row {display:flex;gap:10px;align-items:stretch}
.newsletter-row input {width:100%;min-width:0;padding:13px;border:1px solid #bfb1ce;border-radius:10px;font:inherit;font-size:16px;background:white}
.newsletter-row button {white-space:nowrap;font:inherit;font-size:14px;cursor:pointer}
.newsletter-consent {display:flex;align-items:flex-start;gap:10px;margin:15px 0;font-size:13px;line-height:1.55;color:#40354e}
.newsletter-consent input {width:18px;height:18px;margin:2px 0 0;flex-shrink:0;accent-color:#6d28d9}
.newsletter-privacy {font-size:12px}
.newsletter-privacy a {color:#5b21b6}
.newsletter-status {font-size:14px;margin-bottom:0}
.newsletter-status:empty {display:none}
.newsletter-status[data-state=error] {color:#a11f34}
.newsletter-status[data-state=success] {color:#245c42}
form[name="nexa-novedades"][data-complete="true"]>:not(.newsletter-status){display:none!important}
form[name="nexa-novedades"][data-complete="true"] .newsletter-status{padding:16px;border-radius:12px;background:#edf8f0;border:1px solid #c3e5ce;font-weight:650;margin:12px 0 0}
form[name="nexa-novedades"][data-complete="true"] .newsletter-status::before{content:'✓ ';font-size:20px}
.newsletter-toast{position:fixed;left:20px;bottom:24px;z-index:35;max-width:calc(100vw - 40px);padding:16px 20px;border-radius:14px;background:#edf8f0;color:#245c42;border:1px solid #c3e5ce;box-shadow:0 8px 30px #20103922;font-size:15px;font-weight:650}
.newsletter-toast[hidden]{display:none!important}
.install-card {background:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.install-card img {width:80px;height:80px;border:1px solid #e7e3ec;border-radius:18px;margin-bottom:18px}
.install-card button {font:inherit;font-size:14px;cursor:pointer}
.install-help {line-height:1.8;font-size:17px}
.install-guide-intro{margin:0 0 16px;color:#5e5669;font-size:15px}
.install-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.install-steps li{display:flex;gap:12px;padding:14px;border:1px solid #e5dbee;border-radius:14px;background:#faf8fe}
.install-step-number{flex:0 0 30px;height:30px;border-radius:50%;background:#6d28d9;color:#fff;text-align:center;line-height:30px;font-size:15px;font-weight:750}
.install-steps strong{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.35;color:#21172e}
.install-steps p{font-size:13px;line-height:1.5;margin:6px 0 0;color:#5e5669}
.install-share-icon{display:inline-flex;flex:0 0 26px;color:#6d28d9}
.install-share-icon svg{width:26px;height:26px}
.install-guide-tip{font-size:13px;line-height:1.5;margin:16px 0;color:#5e5669}
.install-extra{font-size:13px;line-height:1.5;margin:14px 0}
.install-extra summary{cursor:pointer;color:#5b21b6;font-weight:650}
.install-extra p{margin:10px 0}
.install-guide-done{width:100%;margin-top:8px;cursor:pointer;font:inherit;font-size:15px}
.site-tools-note {font-size:13px;color:#6b7280;line-height:1.6}
:is(.nav-search,.site-dialog button,.site-dialog a,.connect-card button,.connect-card input,.connect-card a):focus-visible {outline:3px solid #8b5cf6;outline-offset:3px}
.connect-card button:disabled {opacity:.65;cursor:wait}
.site-dialog [hidden],.connect-card [hidden] {display:none!important}
@media(min-width:901px) and (max-width:1280px){.cart-trigger-text{display:none}}
@media(max-width:1200px){
  .menu-toggle{display:flex;order:4}
  .cart-trigger{order:3}
  .nav .lang-switch{margin-left:0}
  .nav nav{display:none;position:absolute;top:calc(100% + 8px);left:16px;right:16px;margin:0;padding:10px;flex-direction:column;gap:2px;background:rgba(255,255,255,.98);border:1px solid #e7e3ec;border-radius:16px;box-shadow:0 18px 45px #1c122d29;z-index:40}
  .nav nav.open{display:flex}
  .nav nav a{padding:13px 14px;border-radius:10px;font-size:15px;font-weight:750}
  #categoryMenu summary{padding:13px 14px;font-size:15px;font-weight:750}
  #categoryOptions{position:static;width:100%;min-width:0;box-shadow:none;margin-top:4px}
}
@media(max-width:800px){.nexa-connect{grid-template-columns:1fr}.connect-card{padding:24px}}
@media(max-width:600px){
  .nav{display:grid;grid-template-columns:minmax(70px,1fr) repeat(3,44px);height:auto;gap:5px 8px;padding:8px 16px!important}
  .nav>.brand{grid-row:1/3;grid-column:1;align-self:center}
  .nav>.lang-switch{grid-row:1;grid-column:2;font-size:12px;justify-content:center}
  .nav>.currency-switch{grid-row:1;grid-column:3/5;justify-self:end}
  .nav .currency-switch select{max-width:96px;font-size:12px}
  .nav-search{grid-row:2;grid-column:2;margin:0}
  .nav>.cart-trigger{grid-row:2;grid-column:3;justify-content:center;width:44px;gap:2px;padding:4px;font-size:11px}
  .nav>.cart-trigger svg{width:17px}
  .nav>.menu-toggle{grid-row:2;grid-column:4;width:44px;height:44px}
  #productos,#calidad,#coa,#mayoreo,#faq,#contacto,#novedades{scroll-margin-top:112px}
  .site-dialog{padding:20px;max-height:85dvh}
  .site-dialog-head h2{font-size:22px}
  .quick-result{grid-template-columns:42px minmax(0,1fr);gap:10px}
  .quick-result img{grid-row:1/3;width:42px}
  .quick-result-price{grid-column:2}
  .newsletter-row{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.nexa-connect{grid-template-columns:minmax(0,760px);justify-content:center}
.included-water-note{padding:16px 20px;border:1px solid #e5dbee;border-radius:12px;background:#faf8fe;margin:0 0 22px;font-size:14px;line-height:1.6}
.included-water-note strong{display:block;color:#5b21b6}
.included-water-note span{display:block;color:#5e5669;font-size:13px;margin-top:3px}
.nexa-install-section{padding-top:24px;padding-bottom:36px}
.nexa-install-section .install-card{position:relative;min-height:160px;padding-left:150px;background:#faf8fe}
.nexa-install-section .install-card>img{position:absolute;left:32px;top:32px}
.nexa-install-section .install-card h2{font-size:25px;margin-bottom:4px}
.nexa-install-section .install-card p{margin:8px 0 14px}
.nexa-install-section .install-card .site-tools-note{margin-bottom:0}
.newsletter-popup{position:fixed;left:20px;bottom:24px;width:360px;max-width:calc(100vw - 32px);max-height:65dvh;overflow:auto;z-index:35;background:#fff;padding:22px;box-shadow:0 10px 50px #20103933;border:1px solid #d8c7ee}
.newsletter-popup[hidden]{display:none!important}
.newsletter-popup h2{font-size:21px;padding-right:30px;margin:0 0 8px}
.newsletter-popup .newsletter-popup-intro{font-size:14px;line-height:1.5;margin:0 0 16px}
.newsletter-popup-close{position:absolute;right:10px;top:8px;width:44px;height:44px;border:0;background:transparent;font-size:28px;color:#4b3863;cursor:pointer}
.newsletter-popup .btn{font-size:14px;padding:11px 16px;cursor:pointer}
.newsletter-popup .newsletter-row{flex-direction:column}
.newsletter-popup .newsletter-email{margin-top:4px}
.newsletter-popup .newsletter-consent{font-size:12px}
.newsletter-popup .newsletter-privacy{font-size:11px}
.install-invitation>img{border:1px solid #e7e3ec;border-radius:13px;margin:0 0 12px}
.newsletter-launcher{position:fixed;left:20px;bottom:24px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid #d8c7ee;border-radius:24px;background:#fff;color:#5b21b6;box-shadow:0 4px 20px #20103922;font:inherit;font-size:14px;font-weight:650;z-index:30;cursor:pointer}
.newsletter-launcher svg{width:20px;height:20px}
.newsletter-launcher[hidden]{display:none!important}
.newsletter-launcher:focus-visible{outline:3px solid #8b5cf6;outline-offset:3px}
@media(max-width:600px){
 .nexa-install-section .install-card{padding:24px}
 .nexa-install-section .install-card>img{position:static;width:64px;height:64px;margin-bottom:14px}
 .newsletter-popup{left:16px;bottom:calc(126px + env(safe-area-inset-bottom));width:calc(100vw - 32px);padding:18px;max-height:60dvh}
 .newsletter-toast{left:16px;bottom:calc(126px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px)}
 .newsletter-launcher{left:16px;bottom:calc(52px + env(safe-area-inset-bottom));font-size:13px}
}
