:root{--premium-navy:#05335f;--premium-green:#0aaa45}
.offer{min-height:34px;height:auto;background:linear-gradient(90deg,#043562,#0a5d93,#043562);font-size:10px;letter-spacing:.7px;padding:9px 16px;display:flex;justify-content:center;align-items:center;gap:18px}.offer b{color:#36da76}
header{height:68px;position:relative;z-index:10}.brand{font-size:16px;letter-spacing:-.4px}nav a{font-weight:600;transition:.2s}nav a:hover{color:var(--cyan)}
.small-btn,.cta,.plan button{background:linear-gradient(135deg,#20c35b,#049238);box-shadow:0 8px 20px #0b944837;border-radius:9px;transition:transform .2s,box-shadow .2s}.small-btn:hover,.cta:hover,.plan button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0b94484b}
.grid-bg{background-color:#f7fcfe;background-image:linear-gradient(#e6f2f6 1px,transparent 1px),linear-gradient(90deg,#e6f2f6 1px,transparent 1px);background-size:31px 31px}
.hero{min-height:675px;grid-template-columns:1.02fr .98fr;padding-top:72px;padding-bottom:72px;gap:80px;overflow:hidden}.eyebrow>span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#19bc57;margin-right:6px;box-shadow:0 0 0 5px #19bc5718}.hero h1{font-size:56px;letter-spacing:-2.5px}.hero h1 em{font-style:normal;color:#0b9e4a}.hero-copy .hero-lead{max-width:590px;font-size:16px;line-height:1.65;color:#4f6d7d}.hero-actions{gap:24px;margin:30px 0 22px}.guarantee{display:grid!important;grid-template-columns:auto 1fr;column-gap:7px;align-items:center;font-size:20px!important}.guarantee b,.guarantee small{grid-column:2;font-size:10px}.guarantee small{font-weight:600;color:#68808c}.hero-proof{display:flex;align-items:center;gap:12px;font-size:11px;color:#607786}.rating{font-size:12px;color:#f3ad08}.rating strong{color:#176394}.hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.hero-badges span{background:#fff;border:1px solid #d5e8ed;box-shadow:0 4px 14px #164d6d0c;padding:9px 11px;border-radius:999px;font-size:9px;font-weight:700;color:#315e72}
.hero-img{padding:18px;border:1px solid #dcecf1;border-radius:28px;box-shadow:0 25px 60px #164d6d2b}.hero-img img{border-radius:19px}.hero-img .image-badge{z-index:7;position:absolute;left:34px;top:34px;background:#073862e8;color:#fff;padding:10px 13px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.6px}
/* El carrusel ocupa todo el marco; etiqueta y controles quedan superpuestos. */
.hero-img.hero-slider{padding:0!important;overflow:hidden;background:#0f4026}
.hero-slider .slide{inset:0!important;isolation:isolate;overflow:hidden;background:#0f4026}
.hero-slider .slide::before{content:"";position:absolute;z-index:0;inset:-24px;background-image:var(--slide-bg);background-position:center;background-size:cover;filter:blur(18px) saturate(.85);opacity:.55;transform:scale(1.08)}
.hero-slider .slide:nth-of-type(1){--slide-bg:url('assets/product-real.png')}.hero-slider .slide:nth-of-type(2){--slide-bg:url('assets/user-eye-1.jpg')}.hero-slider .slide:nth-of-type(3){--slide-bg:url('assets/user-eye-2.jpg')}.hero-slider .slide:nth-of-type(4){--slide-bg:url('assets/user-eye-3.jpg')}.hero-slider .slide:nth-of-type(5){--slide-bg:url('assets/user-eye-4.jpg')}.hero-slider .slide:nth-of-type(6){--slide-bg:url('assets/user-eye-5.jpg')}
.hero-slider .slide img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain!important;object-position:center;background:transparent;border-radius:0!important}.hero-slider .slide.product-photo img{object-fit:cover!important}
.hero-slider .image-badge{left:28px;top:28px}
.hero-slider .slider-dots{z-index:8}
.section{padding-top:65px;padding-bottom:65px}h2{font-size:38px;letter-spacing:-1.4px}.sub{font-size:12px}.timer{display:inline-flex;align-items:center;margin:20px 0 8px;padding:7px 7px 7px 14px;background:#e9f7ff;border:1px solid #cfe8f6;border-radius:999px;font-size:9px;color:#0874bf}.timer b{background:#073862;padding:8px 12px;margin-left:9px;border-radius:999px;font-size:14px}
.plan{border-radius:20px;box-shadow:0 12px 28px #124c6519;transition:transform .25s,box-shadow .25s,border-color .25s}.plan:hover{transform:translateY(-5px);box-shadow:0 20px 40px #124c6529}.plan.featured{border:2px solid #18ae50;box-shadow:0 18px 40px #0aa34722}.plan strong{font-size:34px;color:#034b82}.price-old{display:inline-flex;align-items:center;gap:7px;color:#71838e;font-size:12px;font-weight:700}.price-old del{color:#9b3a3a;font-size:20px;font-weight:800;text-decoration-thickness:2px}.flag{right:14px;top:-16px;background:linear-gradient(135deg,#20c35b,#049238);border-radius:999px;padding:11px 15px;box-shadow:0 6px 16px #0b944838}.saving{position:absolute;left:14px;top:16px;background:#e9f9ef;color:#07843a;border:1px solid #bdebcf;border-radius:999px;padding:8px 12px;font-size:9px;font-weight:900;box-shadow:0 5px 14px #07843a1c}.trust{max-width:900px;background:#fff;color:#315e72;border:1px solid #d7e8ed;border-radius:14px;padding:15px;display:flex;justify-content:center;gap:38px;box-shadow:0 6px 20px #124c650d}
.benefit-accordion details,.mechanisms>div,.ingredient-grid>div,.reviews blockquote{transition:transform .2s,box-shadow .2s,border-color .2s}.benefit-accordion details:hover,.mechanisms>div:hover,.ingredient-grid>div:hover,.reviews blockquote:hover{transform:translateY(-2px);border-color:#b9dce8;box-shadow:0 10px 22px #124c6512}
.checkout-section{position:relative}.checkout-form{box-shadow:0 24px 65px #104f7826!important}.checkout-form input:focus,.checkout-form select:focus{border-color:#0874bf!important;box-shadow:0 0 0 4px #0874bf14;outline:0}.mobile-order{display:none}
/* Tablet and mobile: one clean column, no squeezed media. */
@media(max-width:1100px){
  .hero{display:flex!important;flex-direction:column!important;min-height:0;padding:48px 24px 58px;gap:34px;overflow:visible}
  .hero-copy,.hero-img{width:100%;max-width:720px;margin-inline:auto}
  .hero h1{font-size:clamp(38px,7vw,52px);line-height:1.02;letter-spacing:-1.8px}
  .hero h1 br{display:none}.hero h1 em{white-space:normal}
  .hero-slider{height:auto!important;min-height:440px;aspect-ratio:16/10;overflow:hidden}
  .hero-slider .slide{inset:0!important}
  .hero-slider .slide img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center;background:transparent;border-radius:0}.hero-slider .slide.product-photo img{object-fit:cover!important}
  .hero-img .image-badge{left:28px;top:28px}
}
@media(max-width:800px){
  body{padding-bottom:0}.offer{gap:8px;overflow:hidden;white-space:nowrap}.offer span:last-child,.offer b:last-of-type{display:none}
  header{padding:13px 17px;gap:12px}.brand{font-size:15px}.brand span{display:block;margin-top:3px}.small-btn{padding:11px 13px;font-size:9px}
  .hero{padding:40px 20px 48px;gap:28px}.eyebrow{font-size:9px;line-height:1.5}.hero h1{font-size:clamp(36px,10vw,44px);margin:16px 0;line-height:1.02}.hero-copy .hero-lead{font-size:15px;line-height:1.55}
  .hero-actions{align-items:stretch;flex-direction:column;margin:24px 0 18px}.hero-actions .cta{text-align:center;padding:17px 14px;font-size:11px}.guarantee{display:none!important}
  .hero-proof{align-items:flex-start;flex-direction:column;gap:5px}.hero-badges{gap:7px}.hero-badges span{font-size:9px;padding:8px 10px}
  .hero-slider{min-height:0;aspect-ratio:4/3}.hero-slider .slide{inset:0!important}.hero-img{padding:0;border-radius:22px}.hero-img .image-badge{left:22px;top:22px;font-size:8px;padding:8px 10px}.slider-dots{bottom:24px;right:24px}
  .section{padding-top:50px;padding-bottom:50px}h2{font-size:29px}.trust{flex-direction:column;gap:8px;text-align:left;padding:15px 20px}
  .mobile-order{display:none!important}
}
@media(max-width:420px){
  .offer{font-size:8px;padding-inline:8px}.hero{padding-inline:16px}.hero h1{font-size:36px;letter-spacing:-1.3px}.hero-slider{aspect-ratio:4/3}.hero-img .image-badge{max-width:150px}.hero-lead{font-size:14px!important}
}
