:root{
  --pink:#ef6f8c;
  --pink-strong:#e8517a;
  --pink-soft:#f9d9e1;
  --pink-bg:#fbeef1;
  --ink:#2b2b2b;
  --muted:#7a7a7a;
  --line:#ececec;
  --radius:14px;
  --max:1200px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Poppins',system-ui,Arial,sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.5;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-weight:600}

/* Announcement */
.announcement-bar{
  background:#e10f17;color:#fff;text-align:center;
  font-size:13px;padding:7px 10px;letter-spacing:.2px;
}
.announcement-bar strong{font-weight:700}

/* Header */
.site-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:22px 40px;border-bottom:1px solid var(--line);
  position:sticky;top:0;background:#fff;z-index:40;
}
.nav-left{display:flex;gap:40px;flex:1}
.nav-left a{font-size:17px;color:#3a3a3a;font-weight:400}
.nav-left a:hover{color:var(--pink)}
.brand{
  font-size:30px;font-weight:700;letter-spacing:.3px;color:#1a1a1a;
  position:absolute;left:50%;transform:translateX(-50%);
}
.brand .dot{font-size:16px;font-weight:400;vertical-align:super;margin-left:1px}
.nav-right{display:flex;gap:18px;align-items:center;flex:1;justify-content:flex-end}
.icon-btn{background:none;border:none;cursor:pointer;color:#1a1a1a;position:relative;padding:2px}
.icon-btn svg{width:26px;height:26px;stroke-width:1.4}
.cart-count{
  position:absolute;top:-6px;right:-8px;background:var(--pink);color:#fff;
  font-size:11px;width:19px;height:19px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-weight:600;
}

/* Product */
.product{max-width:var(--max);margin:0 auto;padding:34px 24px}
.product-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:46px}
.gallery{display:grid;grid-template-columns:74px 1fr;gap:14px}
.thumbs{display:flex;flex-direction:column;gap:10px;max-height:560px;overflow:auto}
.thumbs img{
  width:70px;height:70px;object-fit:cover;border:1px solid var(--line);
  border-radius:8px;cursor:pointer;opacity:.8;
}
.thumbs img.active{border-color:var(--pink);opacity:1}
.main-image img{width:100%;border-radius:var(--radius);background:#faf6f7}

.info h1{font-size:27px;line-height:1.25;font-weight:600}
.rating{display:flex;align-items:center;gap:8px;margin:10px 0}
.stars{color:#f5a623;letter-spacing:2px;font-size:15px}
.review-count{font-size:13px;color:var(--muted)}
.price-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.price{font-size:22px;font-weight:700;color:var(--pink-strong)}
.price-was s{color:#aaa;font-size:16px}
.badge-off{
  background:#222;color:#fff;font-size:11px;font-weight:600;
  padding:5px 9px;border-radius:6px;text-transform:none;
}

/* ===== Bloque Promoción OUTLET ===== */
.outlet-box{
  border:1.5px solid #f7c3cf;
  background:linear-gradient(135deg,#fff6f8 0%,#ffeef2 100%);
  border-radius:16px;padding:16px 18px;margin-bottom:18px;
  box-shadow:0 6px 20px rgba(239,111,140,.12);position:relative;overflow:hidden;
}
.outlet-box::before{
  content:"";position:absolute;top:-40%;right:-10%;width:160px;height:160px;
  background:radial-gradient(circle,rgba(239,111,140,.18),transparent 70%);pointer-events:none;
}
.outlet-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.outlet-tag{
  display:inline-flex;align-items:center;gap:5px;
  background:linear-gradient(90deg,#e8517a,#ef6f8c);color:#fff;
  font-size:11.5px;font-weight:700;letter-spacing:.4px;
  padding:5px 11px;border-radius:20px;text-transform:uppercase;
  box-shadow:0 2px 8px rgba(232,81,122,.35);
}
.outlet-stock{
  font-size:11.5px;font-weight:600;color:#e8517a;
  display:inline-flex;align-items:center;gap:5px;
}
.outlet-stock::before{
  content:"";width:8px;height:8px;border-radius:50%;background:#e8517a;
  animation:pulse 1.4s infinite;
}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.25)}}
.outlet-price-row{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.outlet-now{
  font-size:40px;font-weight:800;line-height:1;color:#e8517a;
  font-variant-numeric:tabular-nums;letter-spacing:-.5px;
}
.outlet-meta{display:flex;flex-direction:column;gap:4px;padding-bottom:3px}
.outlet-was{font-size:16px;color:#9a9a9a;text-decoration:line-through;font-variant-numeric:tabular-nums}
.outlet-pct{
  align-self:flex-start;background:#222;color:#fff;font-size:12px;font-weight:700;
  padding:3px 9px;border-radius:6px;
}
.outlet-countdown{
  display:flex;align-items:center;gap:7px;margin-top:14px;
  padding-top:12px;border-top:1px dashed #f3c6d0;
}
.cd-label{font-size:12px;font-weight:600;color:#7a4a55;margin-right:2px}
.cd-box{
  display:inline-flex;align-items:baseline;gap:1px;
  background:#fff;border:1px solid #f3c6d0;border-radius:8px;padding:5px 8px;
  box-shadow:0 1px 3px rgba(239,111,140,.12);
}
.cd-box b{font-size:18px;font-weight:700;color:#2b2b2b;font-variant-numeric:tabular-nums;min-width:24px;text-align:center}
.cd-box i{font-size:11px;color:#aaa;font-style:normal}
.offer-box{
  background:#eef9ef;border:1px solid #d4ecd6;border-radius:10px;
  padding:14px 16px;margin-bottom:18px;
}
.offer-title{font-size:13px;font-weight:600;margin:0 0 8px}
.offer-box ul{margin:0;padding-left:18px;font-size:13px;color:#3a5a3c}
.offer-box li{margin-bottom:5px}

.variant-block{margin-bottom:16px}
.variant-label{font-size:14px;margin:0 0 8px}
.variant-options{display:flex;gap:12px}
.variant-swatch{
  width:64px;height:64px;border-radius:12px;border:2px solid var(--line);
  background:#f7f3f4;cursor:pointer;position:relative;padding:0;overflow:hidden;
  transition:border-color .15s,box-shadow .15s;
}
.variant-swatch img{width:100%;height:100%;object-fit:cover;display:block}
.variant-swatch:hover{border-color:var(--pink-soft)}
.variant-swatch.active{border-color:var(--pink);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--pink)}

.usp-row{display:flex;gap:18px;flex-wrap:wrap;margin:16px 0}
.usp{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#555}
.usp-dot{width:9px;height:9px;border-radius:50%;background:var(--pink)}

.add-to-cart{
  width:100%;background:var(--pink);color:#fff;border:none;
  padding:16px;font-size:16px;font-weight:600;border-radius:10px;
  cursor:pointer;transition:.15s;font-family:inherit;
}
.add-to-cart:hover{background:var(--pink-strong)}

.trust-row{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}
.trust{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;
  background:#fdf4f6;border-radius:10px;padding:12px 8px;font-size:11.5px;color:#555}
.trust-ic{font-size:20px}

.accordion{margin-top:18px;border-top:1px solid var(--line)}
.accordion details{border-bottom:1px solid var(--line)}
.accordion summary{
  list-style:none;cursor:pointer;padding:14px 4px;font-size:14px;font-weight:500;
  display:flex;justify-content:space-between;align-items:center;
}
.accordion summary::-webkit-details-marker{display:none}
.accordion summary::after{content:"⌄";color:var(--pink);font-size:18px}
.accordion details[open] summary::after{content:"⌃"}
.acc-body{padding:0 4px 16px;font-size:13.5px;color:#555}
.acc-body h4{font-size:15px;margin:0 0 8px}
.acc-body p{margin:0 0 8px}

/* Clinico */
.clinico{background:#f7f7f7;padding:60px 24px;text-align:center}
.clinico h2{font-size:26px}
.clinico-sub{max-width:640px;margin:12px auto 30px;color:var(--muted);font-size:14px}
.clinico-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.clinico-photo img{border-radius:14px}
.clinico-stats{text-align:left;display:flex;flex-direction:column;gap:22px}
.stat-num{font-size:38px;font-weight:700;color:var(--pink);display:block}
.stat-txt{color:#555;font-size:14px}

/* Rutina */
.rutina{max-width:var(--max);margin:0 auto;padding:60px 24px;text-align:center}
.rutina h2{font-size:24px;margin-bottom:30px}
.rutina-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step img{border-radius:12px;aspect-ratio:1;object-fit:cover;width:100%}
.step-tag{display:block;color:var(--pink);font-size:12px;font-weight:600;margin:12px 0 4px}
.step h4{font-size:15px;margin-bottom:6px}
.step p{font-size:12.5px;color:var(--muted);text-align:left}

/* Banda 300k */
.band-pink{
  background:linear-gradient(135deg,#f6a8bd,#ef7e9b);color:#fff;
  padding:56px 24px;text-align:center;
}
.band-pink h2{font-size:24px;margin-bottom:28px}
.testi{max-width:980px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:center}
.testi-quote{text-align:left}
.testi-quote .stars{color:#fff}
.testi-quote p{font-size:14px;margin:10px 0}
.testi-name{font-weight:600}
.testi-photos img{border-radius:14px}

/* Estres */
.estres{max-width:var(--max);margin:0 auto;padding:60px 24px}
.estres-card{background:var(--pink-bg);border-radius:18px;padding:34px;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center}
.estres-text h2{font-size:22px;margin-bottom:18px}
.estres-text ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.estres-text li{font-size:13px;color:#555;padding-left:22px;position:relative}
.estres-text li::before{content:"✕";position:absolute;left:0;color:var(--pink);font-weight:700}
.estres-text li strong{color:var(--ink)}
.estres-foot{margin-top:18px;font-size:13px;color:#666}
.estres-photo img{border-radius:14px}

/* Exito */
.exito{padding:60px 24px;text-align:center;background:linear-gradient(180deg,#fde9ef,#fff)}
.exito h2{font-size:24px;margin-bottom:30px}
.exito-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.exito-card img{border-radius:12px;aspect-ratio:1;object-fit:cover}
.exito-card p{font-size:12.5px;color:#555;margin-top:12px}

/* Q&A */
.qa{max-width:760px;margin:0 auto;padding:50px 24px}
.qa h2{text-align:center;font-size:24px}
.qa-sub{text-align:center;color:var(--muted);font-size:13px;margin-bottom:20px}
.qa-list details{border-bottom:1px solid var(--line)}
.qa-list summary{cursor:pointer;list-style:none;padding:15px 2px;font-size:14px;display:flex;justify-content:space-between}
.qa-list summary::-webkit-details-marker{display:none}
.qa-list summary::after{content:"+";color:var(--pink);font-size:18px}
.qa-list details[open] summary::after{content:"–"}
.qa-list p{padding:0 2px 16px;font-size:13.5px;color:#666;margin:0}

/* Reviews */
.reviews{background:#f7f7f7;padding:56px 24px}
.reviews h2{text-align:center;font-size:24px}
.reviews-summary{text-align:center;color:var(--muted);font-size:13px;margin:8px 0 26px}
.review-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.review{border-bottom:1px solid #e3e3e3;padding-bottom:20px}
.review-head{display:flex;justify-content:space-between;align-items:center}
.review-name{font-weight:600;font-size:13.5px;display:flex;align-items:center;gap:6px}
.verified{color:#3aa76d;font-size:12px}
.review-date{font-size:12px;color:#aaa}
.review-stars{color:#f5a623;font-size:13px;margin:4px 0}
.review-text{font-size:13px;color:#555;margin:4px 0 10px}
.review-photo{width:120px;height:120px;border-radius:8px;object-fit:cover}
.review-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:30px}
.review-pagination button{
  min-width:32px;height:32px;border:none;background:none;cursor:pointer;
  font-size:14px;color:#555;border-radius:6px;font-family:inherit;
}
.review-pagination .pag-num:hover{background:#ececec}
.review-pagination .pag-num.active{color:var(--pink-strong);font-weight:600;border-bottom:2px solid var(--pink-strong);border-radius:0}
.review-pagination .pag-arrow{color:#999;font-size:18px}
.review-pagination button:disabled{opacity:.3;cursor:default}

/* Otros */
.otros{max-width:var(--max);margin:0 auto;padding:56px 24px;text-align:center}
.otros h2{font-size:24px;margin-bottom:28px}
.otros-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.otros-card{text-align:left;position:relative}
.card-badge{
  position:absolute;top:10px;left:10px;z-index:2;
  background:linear-gradient(90deg,#e8517a,#ef6f8c);color:#fff;
  font-size:12px;font-weight:700;padding:4px 9px;border-radius:20px;
  box-shadow:0 2px 8px rgba(232,81,122,.35);
}
.otros-card img{border-radius:12px;aspect-ratio:1;object-fit:cover;background:#faf6f7}
.otros-card h4{font-size:14px;margin:12px 0 6px;font-weight:500}
.stars-sm{color:#f5a623;font-size:12px}
.stars-sm small{color:#aaa}
.op{font-size:15px;font-weight:600;margin:6px 0 10px}
.op s{color:#aaa;font-weight:400}
.op .sale{color:var(--pink-strong)}
.otros-add{width:100%;background:var(--pink);color:#fff;border:none;padding:11px;border-radius:8px;font-weight:600;cursor:pointer;font-family:inherit}
.otros-add:hover{background:var(--pink-strong)}

/* Footer */
.site-footer{background:linear-gradient(135deg,#f6a8bd,#ef88a3);color:#fff;padding:50px 24px 24px;margin-top:40px}
.footer-cols{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;gap:30px}
.fcol h5{font-size:12px;letter-spacing:.5px;margin-bottom:14px;opacity:.95}
.fcol a{display:block;font-size:13px;opacity:.9;margin-bottom:8px}
.fcol a:hover{opacity:1;text-decoration:underline}
.newsletter p{font-size:13px;opacity:.9;margin:0 0 12px}
.news-form{display:flex;gap:0;max-width:280px}
.news-form input{flex:1;border:none;padding:11px;border-radius:8px 0 0 8px;font-family:inherit}
.news-form button{background:#fff;color:var(--pink);border:none;padding:0 16px;border-radius:0 8px 8px 0;font-size:18px;cursor:pointer}
.socials{display:flex;gap:10px;margin-top:16px}
.socials span{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center}
.brand-foot{text-align:center;font-size:30px;font-weight:700;margin:34px 0 10px}
.brand-foot .dot{color:#fff}
.footer-legal{text-align:center;font-size:12px;opacity:.85;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

/* ===== Modal Upsell ===== */
.modal-overlay{
  position:fixed;inset:0;background:rgba(40,40,40,.55);
  display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;
}
.modal-overlay[hidden]{display:none}
.modal{
  background:#fff;border-radius:8px;max-width:620px;width:100%;
  padding:40px 40px 44px;position:relative;text-align:center;
  animation:pop .2s ease;
}
@keyframes pop{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}
.modal-close{position:absolute;top:14px;right:18px;background:none;border:none;font-size:26px;color:#aaa;cursor:pointer;line-height:1}
.modal-title{font-size:30px;font-weight:600;color:#444}
.modal-sub{color:#777;font-size:14px;margin:8px 0 26px}
.modal-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.upsell-card img{border-radius:10px;width:100%}
.upsell-card h3{font-size:19px;margin:14px 0 4px;color:#444}
.upsell-off{color:var(--pink);font-weight:600;font-size:14px;margin:0 0 12px}
.upsell-add{width:100%;background:var(--pink);color:#fff;border:none;padding:13px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}
.upsell-add:hover{background:var(--pink-strong)}

/* ===== Cart Drawer ===== */
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:90}
.cart-overlay[hidden]{display:none}
.cart-drawer{
  position:fixed;top:0;right:0;height:100%;width:430px;max-width:92vw;background:#fff;
  z-index:95;box-shadow:-6px 0 24px rgba(0,0,0,.12);display:flex;flex-direction:column;
  animation:slidein .25s ease;
}
.cart-drawer[hidden]{display:none}
@keyframes slidein{from{transform:translateX(100%)}to{transform:translateX(0)}}
.cart-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.cart-head h3{font-size:20px;font-weight:600}
.cart-close{background:none;border:none;font-size:26px;color:#999;cursor:pointer}

/* Barra de envío gratis */
.cart-shipbar{padding:14px 20px 6px}
.cart-shipbar-track{height:7px;background:#f0e2e6;border-radius:4px;overflow:hidden}
.cart-shipbar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--pink-strong));border-radius:4px;transition:width .3s}
.cart-shipbar-msg{text-align:center;font-size:13px;color:#555;margin:8px 0 0}
.cart-shipbar-msg strong{color:var(--pink-strong)}

.cart-items{flex:1;overflow:auto;padding:8px 20px}
.cart-empty{color:#999;font-size:14px;text-align:center;margin-top:40px}
.cart-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.cart-item img{width:64px;height:64px;border-radius:8px;object-fit:cover}
.cart-item .ci-info{flex:1;font-size:13px}
.cart-item .ci-title{font-weight:500;line-height:1.3}
.ci-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;margin-top:10px;overflow:hidden}
.qty-btn{width:30px;height:30px;border:none;background:#fff;cursor:pointer;font-size:16px;color:#444}
.qty-btn:hover{background:#f7f3f4}
.qty-num{min-width:30px;text-align:center;font-size:14px}
.ci-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}
.cart-item .ci-price{color:var(--ink);font-weight:600}
.cart-item .ci-free{color:#3aa76d;font-weight:600;font-size:12px}
.ci-remove{background:none;border:none;cursor:pointer;font-size:15px;opacity:.5}
.ci-remove:hover{opacity:1}

/* Upsell no carrinho */
.cart-upsell{border-top:1px solid var(--line);background:#fbf6f7;padding:14px 20px}
.cart-upsell-title{text-align:center;font-weight:600;font-size:14px;margin:0 0 12px}
.cart-upsell-track{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}
.cart-upsell-card{flex:0 0 230px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px}
.cart-upsell-card img{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0}
.cu-info{flex:1;display:flex;flex-direction:column;font-size:12px}
.cu-name{font-weight:500;line-height:1.25}
.cu-price{color:var(--ink);font-weight:600;margin-top:2px}
.cu-price s{color:#aaa;font-weight:400;font-size:11px;margin-right:3px}
.cu-price b{color:var(--pink-strong)}
.cu-add{background:var(--pink);color:#fff;border:none;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}
.cu-add:hover{background:var(--pink-strong)}

.cart-foot{padding:14px 20px 18px;border-top:1px solid var(--line)}

/* Add-on garantía */
.cart-addon{display:flex;align-items:center;gap:12px;background:#fbf6f7;border:1px solid var(--pink-soft);border-radius:10px;padding:12px;margin-bottom:14px;cursor:pointer}
.addon-ic{font-size:22px}
.addon-text{flex:1;font-size:12px;color:#666;line-height:1.35}
.addon-text strong{display:block;color:var(--ink);font-size:13px}
.addon-text b{color:var(--pink-strong)}
.addon-toggle{position:relative;width:42px;height:24px;flex-shrink:0}
.addon-toggle input{opacity:0;width:0;height:0}
.addon-slider{position:absolute;inset:0;background:#ccc;border-radius:24px;transition:.2s}
.addon-slider::before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}
.addon-toggle input:checked + .addon-slider{background:var(--pink)}
.addon-toggle input:checked + .addon-slider::before{transform:translateX(18px)}

.cart-subtotal{display:flex;justify-content:space-between;font-weight:600;font-size:15px;margin-bottom:14px}
.cart-checkout{width:100%;background:var(--pink);color:#fff;border:none;padding:15px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;font-family:inherit}
.cart-checkout:hover{background:var(--pink-strong)}
.cart-payments{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px}
.cart-payments span{font-size:9px;font-weight:700;color:#888;background:#f2f2f2;border:1px solid #e6e6e6;border-radius:4px;padding:4px 6px;letter-spacing:.3px}

/* Collection / 101 hero */
.collection-hero{text-align:center;padding:50px 24px 20px;max-width:760px;margin:0 auto}
.collection-hero h1{font-size:30px;line-height:1.2}
.collection-hero p{color:var(--muted);font-size:15px;margin-top:14px}
.gel-desc{font-size:12.5px;color:#666;margin:8px 0}

/* Collection grid: cards mais compactos e centralizados (3 itens) */
.collection-grid{
  max-width:840px;margin:0 auto;
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
}
.collection-grid .otros-card img{aspect-ratio:1;object-fit:cover}

/* Video section */
.video-section{max-width:900px;margin:10px auto 30px;padding:0 24px}
.video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#f6a8bd,#ef7e9b)}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;gap:8px}
.play-btn{width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:26px;backdrop-filter:blur(2px)}
.video-placeholder p{font-size:18px;font-weight:600;margin:6px 0 0}
.video-placeholder small{opacity:.85;font-size:12px}
.rutina-5{grid-template-columns:repeat(5,1fr)}

/* Responsive */
@media(max-width:900px){
  .product-grid,.clinico-grid,.testi,.estres-card{grid-template-columns:1fr}
  .gallery{grid-template-columns:60px 1fr}
  .rutina-grid,.exito-grid,.otros-grid,.rutina-5{grid-template-columns:1fr 1fr}
  .collection-grid{grid-template-columns:1fr 1fr;max-width:560px}
  .collection-hero h1{font-size:24px}
  .estres-text ul{grid-template-columns:1fr}
  .footer-cols{grid-template-columns:1fr 1fr}
  .nav-left{display:none}
  .brand{position:static;transform:none}
}
@media(max-width:560px){
  .rutina-grid,.exito-grid,.otros-grid,.modal-cards,.collection-grid{grid-template-columns:1fr}
}