/* «Tienda» del cliente (prefijo .st) */
.st{--ink:#0b1b3d;--mut:#667691;--line:#e3eaf4;--blue:#0b63f6;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;color:var(--ink);min-width:0}
.st>*{min-width:0}
.st *{box-sizing:border-box}
.st-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.st h2,.st h3,.st p{letter-spacing:0}.st p{margin:0}
.st-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:18px;box-shadow:0 6px 22px rgba(11,31,77,.05);min-width:0;display:flex;flex-direction:column;gap:14px}
.st-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}.st-head>div{min-width:0;flex:1}
.st .st-head h2{margin:0;font-size:18px;line-height:1.2;color:var(--ink)}
.st-head-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e4efff;color:var(--blue);flex:none}.st-head-ico.is-blue{background:#e4efff}.st-head-ico.is-red{background:#ffe1e1;color:#d63636}
.st-sub,.st-fine{color:var(--mut);font-size:13px;line-height:1.4}
.st-link{margin-left:auto;border:0;background:none;padding:0;color:var(--blue);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.st-link:hover{text-decoration:underline}
.st-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid var(--blue);border-radius:11px;background:var(--blue);color:#fff;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap}
.st-btn:hover{filter:brightness(1.06)}.st-btn[disabled]{opacity:.6;cursor:default}.st-btn.is-ghost{background:#fff;color:var(--blue)}.st-btn.is-ghost:hover{background:#f1f6ff}.st-btn.is-sm{min-height:34px;padding:0 12px;font-size:13px}.st-btn .st-i{width:17px;height:17px}
.st-iconbtn{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:11px;background:var(--blue);color:#fff;cursor:pointer;padding:0;flex:none}.st-iconbtn:hover{filter:brightness(1.08)}
.st-empty{display:grid;justify-items:center;gap:8px;text-align:center;padding:22px 12px;color:var(--mut)}.st-empty .st-i{width:32px;height:32px;color:#9bb0d3}.st-empty b{color:var(--ink);font-size:15px}.st-empty p{font-size:13px;max-width:44ch;line-height:1.45}.st-empty .st-btn{margin-top:4px}
.st-err{color:#b3261e;font-size:13px;font-weight:600}
.st-foot{text-align:center;padding:2px 8px}

/* Portada */
.st-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:20px;align-items:center;padding:26px;border-radius:24px;color:#fff;background:#0b2a66 url(/assets/plans-water.webp) center/cover no-repeat;min-height:230px}
.st-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(6,24,64,.94),rgba(6,24,64,.78) 58%,rgba(6,24,64,.4))}
.st-hero>*{position:relative}
.st .st-hero h2{margin:0 0 8px;font-size:clamp(28px,4vw,44px);line-height:1.05;letter-spacing:-.02em;color:#fff}
body[data-page="panel"] .st .st-hero p{max-width:44ch;color:#e3edff;font-size:15px;line-height:1.45}
.st-perks{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.st-perks li{display:flex;gap:8px;align-items:center;font-size:12.5px;line-height:1.25;color:#fff;min-width:0}.st-perks .st-i{width:26px;height:26px;color:#9cc4ff}
.st-cartbox{position:absolute;z-index:2;right:16px;top:14px;display:flex;align-items:center;gap:10px;padding:9px 14px;border:0;border-radius:14px;background:#fff;color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.2)}
.st-cartbox .st-i{width:26px;height:26px;color:var(--blue)}.st-cartbox span{display:grid;text-align:left;line-height:1.2}.st-cartbox b{font-size:14px}.st-cartbox small{color:var(--mut);font-size:12px}
.st-advice{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:18px;background:rgba(255,255,255,.96);color:var(--ink);margin-top:34px;box-shadow:0 10px 26px rgba(0,0,0,.2)}
.st-advice-ico{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e4efff;color:var(--blue);flex:none}
.st-advice div{display:grid;gap:6px;justify-items:start;min-width:0}.st-advice b{font-size:17px;line-height:1.2}
body[data-page="panel"] .st .st-advice p{color:#41557c;font-size:13px;line-height:1.4}

/* Carrito */
.st-lines{list-style:none;margin:0;padding:0;display:grid}
.st-lines li{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.st-lines li:first-child{border-top:0}
.st-lines img,.st-noimg{width:52px;height:52px;border-radius:10px;object-fit:contain;background:#f4f7fc;display:grid;place-items:center;color:#9bb0d3}
.st-lines a,.st-rlist a,.st-offers a{color:var(--ink);font-weight:700;font-size:13.5px;line-height:1.25;text-decoration:none;overflow-wrap:anywhere}.st-lines a:hover,.st-rlist a:hover,.st-offers a:hover{text-decoration:underline}
.st-lines small{display:block;color:var(--mut);font-size:12px}
.st-step{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:10px;padding:2px}
.st-step button{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:8px;background:none;color:var(--ink);cursor:pointer;padding:0}.st-step button:hover{background:#eef3fb}.st-step button[disabled]{opacity:.4;cursor:default}.st-step .st-i{width:14px;height:14px}.st-step span{min-width:22px;text-align:center;font-weight:700;font-size:13px}
.st-x{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:none;color:#8a99b4;cursor:pointer;padding:0}.st-x:hover{background:#fdecec;color:#d63636}.st-x .st-i{width:16px;height:16px}
.st-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:12px;font-size:14px}.st-total b{font-size:20px}

/* Buscador y categorías */
.st-search{display:flex;align-items:center;gap:10px;padding:0 8px 0 16px;height:52px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 6px 22px rgba(11,31,77,.05)}
.st-search>.st-i{color:#7b8aa3}.st .st-search input{flex:1;min-width:0;border:0;outline:0;box-shadow:none;background:transparent;padding:0;height:auto;min-height:0;border-radius:0;font:inherit;font-size:15px;color:var(--ink)}
.st-search:focus-within{outline:2px solid #9cc4ff}
.st-cats{min-width:0;display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}
.st-cat{flex:0 0 auto;min-width:92px;display:grid;justify-items:center;gap:7px;padding:14px 10px 10px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px rgba(11,31,77,.04)}
.st-cat .st-i{width:30px;height:30px;color:var(--blue)}.st-cat:hover{border-color:#b9d2fb;background:#f6faff}.st-cat.is-on{border-color:var(--blue);background:#eaf2ff;color:#0b4fc4}

/* Productos */
.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.st-recs{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:12px}
.st-prod{position:relative;display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff;min-width:0}
.st-badges{position:absolute;left:10px;top:10px;right:10px;display:flex;gap:6px;flex-wrap:wrap;z-index:1;pointer-events:none}
.st-badge{display:inline-block;padding:2px 9px;border-radius:7px;font-size:11px;font-weight:700;background:#dcf5e7;color:#0f6f3f}.st-badge.is-hot{background:#ffe3df;color:#c0392b}.st-badge.is-warn{background:#fff1c7;color:#8a5b00}.st-badge.is-info{background:#e4efff;color:#0b4fc4}.st-badge.is-off{background:#ffe1e1;color:#c62828}.st-badge.is-bad{background:#ffe1e1;color:#c62828}
.st-img{display:grid;place-items:center;height:132px;margin-top:20px;border-radius:12px;background:#f7f9fd;color:#9bb0d3}.st-img{overflow:hidden}.st-img img{width:100%;height:100%;object-fit:contain}.st-img .st-i{width:44px;height:44px}
.st .st-prod h3{margin:0;font-size:14.5px;line-height:1.25;overflow-wrap:anywhere}
.st-desc{color:var(--mut);font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.st-price{font-size:20px;line-height:1.1}.st-price s{color:var(--mut);font-size:13px;font-weight:500;margin-left:4px}
.st-prod .st-btn{margin-top:auto;width:100%}
.st-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.st-links a,.st-links button{border:0;background:none;padding:0;color:var(--mut);font:inherit;font-size:11.5px;text-decoration:underline;cursor:pointer}.st-links a:hover,.st-links button:hover{color:var(--blue)}
.st-more{display:flex;justify-content:center}

/* Disposición */
.st-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:16px;align-items:start}.st-col{display:grid;gap:16px;min-width:0}
.st-rlist,.st-offers{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.st-rlist li{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.st-rlist li:first-child{border-top:0}
.st-rlist img{width:48px;height:60px;object-fit:contain;border-radius:8px;background:#f4f7fc}.st-rlist .st-noimg{width:48px;height:60px}.st-rlist li>div:nth-child(2){display:grid;gap:3px;min-width:0}.st-rlist b{font-size:15px}
.st-offers{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.st-offers li{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px}
.st-offers img,.st-offers .st-noimg{width:72px;height:72px;object-fit:contain;border-radius:10px;background:#f4f7fc}
.st-offers .st-badge{position:absolute;left:8px;top:8px}.st-offers li>div{display:grid;gap:2px;min-width:0}.st-offers small{color:var(--mut);font-size:11.5px}.st-offers .st-price{font-size:17px}
.st-help b{font-size:15px;line-height:1.3}.st-new{padding:2px 10px;border-radius:999px;background:#e4efff;color:#0b4fc4;font-size:11.5px;font-weight:700;margin-left:auto}
.st-help .st-btn{align-self:flex-start}.st .st-recent h2,.st .st-help h2{font-size:16.5px}.st-help .st-head{flex-wrap:nowrap}

/* Colores del panel (reglas generales de párrafos) */
body[data-page="panel"] .st .st-sub,body[data-page="panel"] .st .st-fine,body[data-page="panel"] .st .st-desc,body[data-page="panel"] .st .st-empty p{color:#667691}
body[data-page="panel"] .st .st-empty p{text-align:center}body[data-page="panel"] .st .st-desc,body[data-page="panel"] .st .st-sub,body[data-page="panel"] .st .st-fine{text-align:left}body[data-page="panel"] .st .st-foot{text-align:center}

@media (max-width:1180px){.st-cols{grid-template-columns:minmax(0,1fr)}.st-hero{grid-template-columns:minmax(0,1fr)}.st-advice{margin-top:0}.st-cartbox{position:relative;right:auto;top:auto;justify-self:start;order:-1}}
@media (max-width:760px){.st-perks{grid-template-columns:repeat(2,minmax(0,1fr))}.st-lines li{grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"i t x" "i s p"}.st-lines li>img,.st-lines li>.st-noimg{grid-area:i}.st-lines li>div:nth-child(2){grid-area:t}.st-lines li>.st-step{grid-area:s;justify-self:start}.st-lines li>b{grid-area:p;justify-self:end}.st-lines li>.st-x{grid-area:x}}
@media (max-width:560px){.st-hero{padding:18px}.st-card{padding:14px}.st-grid,.st-recs{grid-template-columns:minmax(0,1fr)}.st-offers{grid-template-columns:minmax(0,1fr)}.st-cat{min-width:84px}}