.hyh-cl{border:1.5px dashed color-mix(in srgb,var(--tx) 26%,transparent);border-radius:14px;padding:18px 20px;margin:8px 0;background:color-mix(in srgb,var(--tx) 3%,transparent)}
    .hyh-cl-empty{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;padding:34px 20px}
    .hyh-cl-empty span{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;opacity:.6}
    .hyh-cl-empty em{font-style:normal;font-size:13px;opacity:.55}
    .hyh-cl-tag{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.55;margin-bottom:8px}
    .hyh-cl-code{margin:0;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--tx) 8%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto}
    .hyh-cl-note{display:block;margin-top:8px;font-style:normal;font-size:11.5px;opacity:.5}
    :root{--acc:#6c5ce7;--tx:#15161c;--bg:#ffffff;--wrap:1200px} *{box-sizing:border-box;margin:0} body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#ffffff;color:#15161c}
/* ===== Rediseño premium HH · Oleada 1 (hero, featured) ===== */
.hh-btn{display:inline-flex;align-items:center;gap:8px;background:var(--tx);color:var(--bg);font-weight:700;font-size:14px;padding:14px 26px;border-radius:999px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;border:1px solid transparent;cursor:pointer}
.hh-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px -8px color-mix(in srgb,var(--tx) 40%,transparent)}
.hh-btn.ghost{background:transparent;color:var(--tx);border-color:color-mix(in srgb,var(--tx) 20%,transparent)}
.hh-btn.ghost:hover{border-color:var(--tx);box-shadow:none}
.hh-btn.light{background:#fff;color:#111}
.hh-btn.glow{background:var(--acc);color:#fff;box-shadow:0 12px 34px -6px color-mix(in srgb,var(--acc) 55%,transparent)}
.hh-eye{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--acc)}
.hh-eye::before{content:"";width:24px;height:2px;background:var(--acc);border-radius:2px}
.hh-sub{font-size:17px;line-height:1.6;color:color-mix(in srgb,var(--tx) 60%,transparent);max-width:48ch}
.hh-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.hh-stars{color:#ffb400;letter-spacing:2px;font-size:15px}.hh-stars em{color:color-mix(in srgb,var(--tx) 50%,transparent);font-style:normal;font-size:13px;margin-left:6px}
.hh-underline{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--tx);text-decoration:none;border-bottom:2px solid var(--acc);padding-bottom:4px;width:fit-content}
.hh-underline i{font-style:normal;transition:transform .2s}.hh-underline:hover i{transform:translateX(6px)}
.hh-price{display:flex;align-items:baseline;gap:10px}.hh-price b{font-size:28px;font-weight:800;letter-spacing:-.02em}.hh-price s{color:color-mix(in srgb,var(--tx) 42%,transparent);font-size:16px}
.hh-off{background:color-mix(in srgb,var(--acc) 14%,transparent);color:var(--acc);font-weight:800;font-size:13px;padding:3px 9px;border-radius:8px}
.hh-urg{display:inline-block;font-size:13px;font-weight:700;color:#c0392b;background:color-mix(in srgb,#c0392b 8%,transparent);padding:6px 12px;border-radius:8px;width:fit-content}
.hh-cornbadge{position:absolute;top:16px;left:16px;background:var(--acc);color:#fff;font-weight:800;font-size:13px;padding:6px 12px;border-radius:999px;z-index:2}
.hh-cornbadge.glow{box-shadow:0 8px 22px -4px color-mix(in srgb,var(--acc) 60%,transparent)}
.hh-hero-ed{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:76px 24px}
.hh-hero-ed .hh-ed-tx{display:flex;flex-direction:column;gap:24px}
.hh-hero-ed h1{font-size:clamp(36px,5.2vw,68px);line-height:1.02;letter-spacing:-.035em;font-weight:800}
.hh-ed-img{aspect-ratio:4/5;border-radius:26px;background-color:color-mix(in srgb,var(--acc) 8%,transparent);background-size:cover;background-position:center;box-shadow:0 40px 80px -30px color-mix(in srgb,var(--tx) 40%,transparent)}
.hh-hero-glass{position:relative;overflow:hidden;padding:96px 24px;text-align:center;background:color-mix(in srgb,var(--acc) 6%,var(--bg))}
.hh-mesh{position:absolute;inset:-40% -10% auto;height:520px;background:radial-gradient(40% 60% at 30% 30%,color-mix(in srgb,var(--acc) 40%,transparent),transparent),radial-gradient(40% 60% at 75% 40%,color-mix(in srgb,var(--acc) 26%,transparent),transparent);filter:blur(30px);z-index:0}
.hh-hero-glass-in{position:relative;z-index:1;max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:22px}
.hh-hero-glass h1{font-size:clamp(38px,5.6vw,72px);line-height:1.03;letter-spacing:-.035em;font-weight:800}
.hh-hero-glass .hh-sub{text-align:center}.hh-hero-glass .hh-cta{justify-content:center}
.hh-glasscard{position:relative;z-index:1;margin:20px auto 0;display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:18px;padding:16px 30px;box-shadow:0 20px 50px -20px color-mix(in srgb,var(--tx) 30%,transparent)}
.hh-glasscard b{font-size:24px;font-weight:800}.hh-glasscard em{font-style:normal;font-size:13px;color:color-mix(in srgb,var(--tx) 55%,transparent)}
.hh-glassdot{position:absolute;top:14px;right:16px;width:8px;height:8px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 4px color-mix(in srgb,#2ecc71 25%,transparent)}
.hh-hero-full{position:relative;min-height:600px;display:flex;align-items:flex-end;overflow:hidden;background-color:#111;background-size:cover;background-position:center;border-radius:26px}
.hh-scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.78));z-index:0}
.hh-hero-full-in{position:relative;z-index:1;padding:56px 48px;max-width:640px;display:flex;flex-direction:column;gap:18px;color:#fff}
.hh-hero-full-in .hh-eye{color:#fff}.hh-hero-full-in .hh-eye::before{background:#fff}
.hh-hero-full h1{font-size:clamp(38px,5.4vw,66px);line-height:1.02;letter-spacing:-.03em;font-weight:800;color:#fff}
.hh-hero-full .hh-sub{color:rgba(255,255,255,.82)}
.hh-hero-min{max-width:840px;margin:0 auto;padding:110px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:26px}
.hh-hero-min h1{font-size:clamp(40px,6vw,80px);line-height:1;letter-spacing:-.04em;font-weight:800}
.hh-hero-min .hh-sub{text-align:center;font-size:18px}
.hh-hero-show{max-width:var(--wrap);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:72px 24px}
.hh-show-tx{display:flex;flex-direction:column;gap:22px}
.hh-hero-show h1{font-size:clamp(34px,4.8vw,60px);line-height:1.04;letter-spacing:-.03em;font-weight:800}
.hh-show-stats{display:flex;gap:30px;margin-top:6px}
.hh-show-stats div{display:flex;flex-direction:column}.hh-show-stats b{font-size:22px;font-weight:800}.hh-show-stats span{font-size:12px;color:color-mix(in srgb,var(--tx) 55%,transparent)}
.hh-show-img{position:relative;aspect-ratio:1;border-radius:26px;background-color:color-mix(in srgb,var(--acc) 10%,transparent);background-size:cover;background-position:center;box-shadow:0 40px 80px -30px color-mix(in srgb,var(--tx) 40%,transparent)}
.hh-feat{max-width:var(--wrap);margin:0 auto;padding:40px 24px}
.hh-feat h2{font-size:clamp(28px,3.4vw,44px);line-height:1.05;letter-spacing:-.03em;font-weight:800}
.hh-feat-spot{display:grid;grid-template-columns:1fr 1fr;background:#111318;border-radius:28px;overflow:hidden;color:#fff;align-items:stretch}
.hh-feat-spot-img{position:relative;min-height:440px;background-color:#1a1d24;background-size:cover;background-position:center}
.hh-feat-spot-tx{padding:48px;display:flex;flex-direction:column;gap:18px;justify-content:center}
.hh-feat-spot-tx h2{color:#fff}.hh-feat-spot .hh-sub{color:rgba(255,255,255,.68)}
.hh-feat-spot .hh-price b{color:#fff}.hh-feat-spot .hh-price s{color:rgba(255,255,255,.45)}
.hh-feat-spot .hh-eye{color:color-mix(in srgb,var(--acc) 70%,#fff)}
.hh-feat-ed{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center}
.hh-feat-ed-img{position:relative;aspect-ratio:4/3;border-radius:24px;background-color:color-mix(in srgb,var(--acc) 8%,transparent);background-size:cover;background-position:center}
.hh-feat-ed-card{position:relative;z-index:2;margin-left:-80px;background:var(--bg);border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:22px;padding:34px;display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 70px -28px color-mix(in srgb,var(--tx) 40%,transparent)}
.hh-feat-band{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;background:color-mix(in srgb,var(--acc) 5%,var(--bg));border-radius:28px;padding:44px}
.hh-feat-band-tx{display:flex;flex-direction:column;gap:16px}
.hh-feat-band-img{position:relative;aspect-ratio:1;border-radius:20px;background-color:color-mix(in srgb,var(--acc) 10%,transparent);background-size:cover;background-position:center}
.hh-feat-grad{display:grid;grid-template-columns:1fr 1fr;border-radius:28px;overflow:hidden;align-items:stretch;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 92%,#000),color-mix(in srgb,var(--acc) 55%,#000));color:#fff}
.hh-feat-grad-img{min-height:420px;background-color:rgba(255,255,255,.08);background-size:cover;background-position:center}
.hh-feat-grad-tx{padding:48px;display:flex;flex-direction:column;gap:18px;justify-content:center}
.hh-feat-grad-tx h2{color:#fff}.hh-feat-grad .hh-sub{color:rgba(255,255,255,.85)}.hh-feat-grad .hh-eye{color:#fff}.hh-feat-grad .hh-eye::before{background:#fff}
.hh-pricepill{display:inline-flex;align-items:baseline;gap:10px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);padding:10px 18px;border-radius:999px;width:fit-content}.hh-pricepill b{font-size:22px;font-weight:800}.hh-pricepill s{opacity:.7;font-size:14px}
.hh-feat-grad .hh-urg{color:#fff;background:rgba(255,255,255,.16)}
.hh-feat-min{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.hh-feat-min-img{width:min(420px,80%);aspect-ratio:1;border-radius:24px;background-color:color-mix(in srgb,var(--acc) 8%,transparent);background-size:cover;background-position:center}
.hh-feat-min-tx{display:flex;flex-direction:column;align-items:center;gap:14px}
@media(max-width:860px){.hh-hero-ed,.hh-hero-show,.hh-feat-spot,.hh-feat-ed,.hh-feat-band,.hh-feat-grad{grid-template-columns:1fr}.hh-feat-ed-card{margin-left:0;margin-top:-40px}.hh-hero-full-in{padding:40px 24px}.hh-feat-spot-img,.hh-feat-grad-img{min-height:300px}}
/* ===== HH Oleada 2 (promo, testimonios, marquee, features) ===== */
.hh-h2{font-size:clamp(26px,3.2vw,42px);line-height:1.1;letter-spacing:-.03em;font-weight:800;text-align:center;margin-bottom:34px}
.hh-chip{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:var(--acc);font-style:normal}.hh-chip.light{color:#fff}
.hh-av{width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--acc) 16%,transparent);color:var(--acc);display:grid;place-items:center;font-weight:800;flex:none;font-size:15px}
.hh-promo{max-width:var(--wrap);margin:0 auto;padding:44px 24px}
.hh-promo-bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));grid-auto-rows:210px;gap:16px}
.hh-bento-c{position:relative;overflow:hidden;border-radius:22px;background:color-mix(in srgb,var(--acc) 8%,transparent);background-size:cover;background-position:center;display:flex;align-items:flex-end;text-decoration:none;grid-column:span 2;transition:transform .3s}
.hh-bento-c.big{grid-row:span 2}.hh-bento-c:hover{transform:translateY(-3px)}
.hh-bento-ov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.66))}
.hh-bento-tx{position:relative;z-index:1;padding:22px;color:#fff;display:flex;flex-direction:column;gap:6px}
.hh-bento-tx b{font-size:21px;font-weight:800;line-height:1.1}.hh-bento-tx span{font-size:13px;opacity:.9}
.hh-promo-ov{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:16px}
.hh-ovc{position:relative;aspect-ratio:3/4;border-radius:20px;overflow:hidden;background:color-mix(in srgb,var(--acc) 8%,transparent);background-size:cover;background-position:center;display:flex;align-items:flex-end;text-decoration:none;transition:transform .3s}
.hh-ovc:hover{transform:translateY(-4px)}
.hh-ovc-scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.72))}
.hh-ovc-tx{position:relative;z-index:1;padding:22px;color:#fff;display:flex;flex-direction:column;gap:8px}.hh-ovc-tx b{font-size:21px;font-weight:800}
.hh-promo-glass{position:relative;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:16px;background:color-mix(in srgb,var(--acc) 6%,var(--bg));border-radius:26px;padding:26px}
.hh-glassc{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;background:color-mix(in srgb,var(--bg) 62%,transparent);backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:18px;padding:18px;text-decoration:none;color:var(--tx);transition:transform .3s,box-shadow .3s}
.hh-glassc:hover{transform:translateY(-4px);box-shadow:0 20px 40px -18px color-mix(in srgb,var(--tx) 34%,transparent)}
.hh-glassc-img{aspect-ratio:16/10;border-radius:12px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 10%,transparent)}
.hh-glassc b{font-size:18px;font-weight:800}.hh-glassc span{font-size:13px;color:color-mix(in srgb,var(--tx) 60%,transparent)}
.hh-promo-ed{display:flex;flex-direction:column;gap:0}
.hh-edc{display:grid;grid-template-columns:auto 120px 1fr auto;align-items:center;gap:22px;padding:22px 6px;border-top:1px solid color-mix(in srgb,var(--tx) 10%,transparent);text-decoration:none;color:var(--tx);transition:padding-left .25s}
.hh-edc:last-child{border-bottom:1px solid color-mix(in srgb,var(--tx) 10%,transparent)}
.hh-edc:hover{padding-left:14px}
.hh-edc-n{font-size:14px;font-weight:800;color:var(--acc)}
.hh-edc-img{width:120px;height:78px;border-radius:12px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 10%,transparent)}
.hh-edc-tx b{font-size:20px;font-weight:800;display:block}.hh-edc-tx span{font-size:14px;color:color-mix(in srgb,var(--tx) 58%,transparent)}
.hh-edc-arw{font-size:22px;color:var(--acc);transition:transform .25s}.hh-edc:hover .hh-edc-arw{transform:translateX(6px)}
.hh-promo-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hh-splitc{position:relative;min-height:340px;border-radius:24px;overflow:hidden;background:color-mix(in srgb,var(--acc) 8%,transparent);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-decoration:none}
.hh-splitc-scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25))}
.hh-splitc-tx{position:relative;z-index:1;text-align:center;color:#fff;display:flex;flex-direction:column;gap:14px;align-items:center;padding:24px}.hh-splitc-tx b{font-size:30px;font-weight:800;letter-spacing:-.02em}
.hh-tst{max-width:var(--wrap);margin:0 auto;padding:52px 24px}
.hh-tc{background:var(--bg);border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px;break-inside:avoid}
.hh-tc p{font-size:15px;line-height:1.6;color:color-mix(in srgb,var(--tx) 82%,transparent)}
.hh-tc-au{display:flex;align-items:center;gap:10px}.hh-tc-au b{font-weight:700;font-size:14px}
.hh-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:16px}
.hh-tmasonry{columns:3;column-gap:16px}.hh-tmasonry .hh-tc{margin-bottom:16px}.hh-tc.tall p{font-size:16px}
.hh-spot-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:start}
.hh-tc.big{padding:34px}.hh-tc.big p{font-size:22px;line-height:1.5;font-weight:500}
.hh-spot-side{display:flex;flex-direction:column;gap:16px}
.hh-min-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:34px}
.hh-minc{display:flex;flex-direction:column;gap:12px;border-left:2px solid color-mix(in srgb,var(--acc) 40%,transparent);padding-left:18px}
.hh-minc p{font-size:15px;line-height:1.6}.hh-minc b{font-weight:700;font-size:13px;color:color-mix(in srgb,var(--tx) 60%,transparent)}
.hh-mqwrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hh-mqtrack{display:flex;gap:16px;width:max-content;animation:hhmarq 40s linear infinite}
.hh-mqtrack .hh-tc{width:340px;flex:none}
.hh-mqwrap:hover .hh-mqtrack{animation-play-state:paused}
@keyframes hhmarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hh-mq2{overflow:hidden;padding:0}
.hh-mq2-track{display:flex;align-items:center;gap:26px;width:max-content;animation:hhmarq2 26s linear infinite;white-space:nowrap}
@keyframes hhmarq2{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hh-mq2-line{background:var(--acc)}.hh-mq2-line .hh-mq2-track{padding:16px 0;color:#fff;font-weight:800;font-size:16px;letter-spacing:.04em}.hh-mq2-line i{opacity:.6;font-style:normal}
.hh-mq2-outline .hh-mq2-track{padding:20px 0;font-size:clamp(30px,5vw,58px);font-weight:900;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--tx) 30%,transparent);gap:40px}
.hh-mq2-dual{display:flex;flex-direction:column;gap:10px;padding:18px 0;background:color-mix(in srgb,var(--acc) 6%,var(--bg))}
.hh-mq2-dual .hh-mq2-track{font-size:22px;font-weight:800;color:var(--tx)}.hh-mq2-dual .rev{animation-direction:reverse}.hh-mq2-dual i{color:var(--acc);font-style:normal}
.hh-mq2-ticker{background:var(--tx)}.hh-mq2-ticker .hh-mq2-track{padding:14px 0;color:var(--bg);font-weight:700;font-size:15px}.hh-mq2-ticker i{color:var(--acc);font-style:normal;font-size:10px}
.hh-mq2-pill{padding:18px 0;background:color-mix(in srgb,var(--acc) 6%,var(--bg))}.hh-mq2-pill em{font-style:normal;font-weight:700;font-size:14px;background:var(--bg);border:1px solid color-mix(in srgb,var(--tx) 12%,transparent);padding:10px 18px;border-radius:999px;flex:none}
.hh-ft{max-width:var(--wrap);margin:0 auto;padding:52px 24px}
.hh-fic{width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--acc);display:grid;place-items:center;flex:none}.hh-fic svg{width:24px;height:24px}
.hh-ft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:16px}
.hh-ftc{display:flex;flex-direction:column;gap:12px;padding:26px;border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:18px;background:var(--bg);transition:transform .3s,box-shadow .3s}
.hh-ftc:hover{transform:translateY(-4px);box-shadow:0 20px 40px -18px color-mix(in srgb,var(--tx) 30%,transparent)}
.hh-ftc b{font-size:17px;font-weight:800}.hh-ftc span{font-size:14px;line-height:1.55;color:color-mix(in srgb,var(--tx) 60%,transparent)}
.hh-ft-bentogrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:16px}
.hh-ft-bentogrid .hh-ftc{border-radius:20px}.hh-ft-bentogrid .hh-ftc.big{grid-column:span 2;background:color-mix(in srgb,var(--acc) 8%,transparent);justify-content:flex-end;min-height:220px}
.hh-ft-glass{position:relative;overflow:hidden;background:color-mix(in srgb,var(--acc) 6%,var(--bg));border-radius:26px}
.hh-ftc.glass{background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(14px);position:relative;z-index:1}
.hh-ft-listrows{display:flex;flex-direction:column;max-width:820px;margin:0 auto}
.hh-ftrow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:24px 0;border-top:1px solid color-mix(in srgb,var(--tx) 10%,transparent)}.hh-ftrow:last-child{border-bottom:1px solid color-mix(in srgb,var(--tx) 10%,transparent)}
.hh-ftrow-n{font-size:26px;font-weight:900;color:color-mix(in srgb,var(--acc) 45%,transparent)}
.hh-ftrow-tx b{font-size:19px;font-weight:800;display:block}.hh-ftrow-tx span{font-size:14px;color:color-mix(in srgb,var(--tx) 58%,transparent)}
.hh-ft-splitrows{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px;max-width:920px;margin:0 auto}
.hh-ftsplit{display:flex;gap:16px;align-items:flex-start}.hh-ftsplit-tx b{font-size:17px;font-weight:800;display:block;margin-bottom:4px}.hh-ftsplit-tx span{font-size:14px;color:color-mix(in srgb,var(--tx) 58%,transparent);line-height:1.55}
@media(max-width:860px){.hh-promo-bento,.hh-promo-ov,.hh-promo-glass,.hh-cards-grid,.hh-min-grid,.hh-ft-grid,.hh-ft-bentogrid,.hh-ft-splitrows{grid-template-columns:1fr}.hh-promo-split,.hh-spot-grid{grid-template-columns:1fr}.hh-tmasonry{columns:1}.hh-bento-c,.hh-bento-c.big{grid-column:span 1;grid-row:span 1}.hh-ft-bentogrid .hh-ftc.big{grid-column:span 1}.hh-edc{grid-template-columns:auto 1fr auto}.hh-edc-img{display:none}}
/* ===== HH Oleada 3 + backfill 21st.dev (hero aurora/grid, featured glass/bento, cta, hero_split, stats) ===== */
.hh-pill{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--tx) 6%,var(--bg));border:1px solid color-mix(in srgb,var(--tx) 12%,transparent);color:var(--tx);font-weight:700;font-size:13px;padding:8px 16px;border-radius:999px;backdrop-filter:blur(8px)}
.hh-hero-aurora{position:relative;overflow:hidden;padding:110px 24px;text-align:center;background:var(--bg)}
.hh-aurora{position:absolute;inset:-30%;background:radial-gradient(30% 40% at 20% 30%,color-mix(in srgb,var(--acc) 50%,transparent),transparent),radial-gradient(30% 40% at 80% 20%,color-mix(in srgb,#ff5fa2 40%,transparent),transparent),radial-gradient(40% 50% at 60% 80%,color-mix(in srgb,var(--acc) 40%,transparent),transparent);filter:blur(60px);animation:hhaurora 16s ease-in-out infinite alternate;z-index:0}
@keyframes hhaurora{0%{transform:translate(0,0) scale(1)}50%{transform:translate(4%,-3%) scale(1.1)}100%{transform:translate(-3%,4%) scale(1.05)}}
.hh-hero-aurora .hh-hero-glass-in,.hh-hero-grid .hh-hero-glass-in{position:relative;z-index:1;max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:22px}
.hh-hero-aurora h1,.hh-hero-grid h1{font-size:clamp(40px,6vw,78px);line-height:1.02;letter-spacing:-.04em;font-weight:800}
.hh-hero-aurora .hh-sub,.hh-hero-grid .hh-sub{text-align:center}.hh-hero-aurora .hh-cta,.hh-hero-grid .hh-cta{justify-content:center}
.hh-hero-grid{position:relative;overflow:hidden;padding:110px 24px;text-align:center;background:var(--bg)}
.hh-gridbg{position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--tx) 14%,transparent) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent);mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent);z-index:0}
.hh-feat-glass{position:relative;overflow:hidden;border-radius:28px;background:color-mix(in srgb,var(--acc) 8%,var(--bg));min-height:460px;display:flex;align-items:center;padding:32px}
.hh-feat-glass-img{position:absolute;inset:0;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 12%,transparent)}
.hh-feat-glass-card{position:relative;z-index:1;margin-left:auto;max-width:400px;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--tx) 12%,transparent);border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 60px -24px rgba(0,0,0,.4)}
.hh-fbento{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-auto-rows:130px;gap:14px}
.hh-fbento-img{grid-column:1;grid-row:1/span 3;position:relative;border-radius:22px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 10%,transparent)}
.hh-fbento-cell{border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:18px;padding:18px;display:flex;flex-direction:column;justify-content:center;gap:8px;background:var(--bg)}
.hh-fbento-name{grid-column:2/span 2}.hh-fbento-name b{font-size:22px;font-weight:800;letter-spacing:-.02em}
.hh-fbento-rate span{font-size:12px;color:color-mix(in srgb,var(--tx) 55%,transparent)}
.hh-fbento-cta{grid-column:2/span 2;background:color-mix(in srgb,var(--acc) 8%,transparent);flex-direction:row;align-items:center;justify-content:space-between}
.hh-cta{max-width:var(--wrap);margin:0 auto;padding:20px 24px}
.hh-cta h2{font-size:clamp(24px,3vw,38px);line-height:1.1;letter-spacing:-.02em;font-weight:800}
.hh-cta-grad{text-align:center;background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));color:#fff;border-radius:26px;padding:64px 24px;display:flex;flex-direction:column;align-items:center;gap:22px}
.hh-cta-grad h2{color:#fff}
.hh-cta-glass{display:block;position:relative;overflow:hidden;border-radius:26px;background:color-mix(in srgb,var(--acc) 8%,var(--bg));padding:20px}
.hh-cta-glasscard{position:relative;z-index:1;text-align:center;background:color-mix(in srgb,var(--bg) 62%,transparent);backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:22px;padding:54px 24px;display:flex;flex-direction:column;align-items:center;gap:20px}
.hh-cta-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--acc);color:#fff;border-radius:16px;padding:20px 28px;flex-wrap:wrap}.hh-cta-bar span{font-size:18px;font-weight:800}
.hh-cta-boxed{display:block;padding:20px 24px}.hh-cta-box{border:2px solid color-mix(in srgb,var(--tx) 14%,transparent);border-radius:22px;padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}
.hh-cta-split{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:44px 24px;border-top:1px solid color-mix(in srgb,var(--tx) 12%,transparent);border-bottom:1px solid color-mix(in srgb,var(--tx) 12%,transparent)}
.hh-hs{max-width:var(--wrap);margin:0 auto;padding:44px 24px}
.hh-hs h2{font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-.03em;font-weight:800}
.hh-hs-tx{display:flex;flex-direction:column;gap:20px;justify-content:center}
.hh-hs-img{border-radius:24px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 8%,transparent);min-height:420px}
.hh-hs-classic,.hh-hs-frame,.hh-hs-overlap,.hh-hs-grad{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.hh-hs-classic.rev .hh-hs-img,.hh-hs-frame.rev .hh-hs-frameimg,.hh-hs-overlap.rev .hh-hs-img,.hh-hs-grad.rev .hh-hs-img{order:2}
.hh-hs-frameimg{position:relative;padding:0 18px 18px 0}
.hh-hs-frameimg::before{content:"";position:absolute;inset:18px 0 0 18px;border-radius:24px;background:color-mix(in srgb,var(--acc) 16%,transparent)}
.hh-hs-frameimg .hh-hs-img{position:relative}
.hh-hs-card{position:relative;min-height:520px;border-radius:28px;overflow:hidden;background-size:cover;background-position:center;background-color:#111;display:flex;align-items:center;padding:44px}
.hh-hs-card.rev{justify-content:flex-end}
.hh-hs-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.15))}
.hh-hs-cardin{position:relative;z-index:1;max-width:460px;background:rgba(20,20,26,.55);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:34px;color:#fff;display:flex;flex-direction:column;gap:18px}
.hh-hs-cardin h2{color:#fff}.hh-hs-cardin .hh-sub{color:rgba(255,255,255,.8)}.hh-hs-cardin .hh-eye{color:#fff}.hh-hs-cardin .hh-eye::before{background:#fff}
.hh-hs-overlap .hh-hs-overcard{background:var(--bg);border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:22px;padding:34px;display:flex;flex-direction:column;gap:18px;box-shadow:0 30px 70px -28px color-mix(in srgb,var(--tx) 40%,transparent);z-index:2;margin-left:-70px}
.hh-hs-overlap.rev .hh-hs-overcard{margin-left:0;margin-right:-70px}
.hh-hs-grad .hh-hs-gradtx{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));color:#fff;border-radius:24px;padding:44px;display:flex;flex-direction:column;gap:18px;justify-content:center}
.hh-hs-grad .hh-hs-gradtx h2{color:#fff}.hh-hs-grad .hh-hs-gradtx .hh-sub{color:rgba(255,255,255,.85)}.hh-hs-grad .hh-hs-gradtx .hh-eye{color:#fff}.hh-hs-grad .hh-hs-gradtx .hh-eye::before{background:#fff}
.hh-stats{max-width:var(--wrap);margin:0 auto;padding:52px 24px}
.hh-statc{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}
.hh-statc b{font-size:clamp(32px,4vw,52px);font-weight:800;letter-spacing:-.03em;color:var(--acc)}
.hh-statc span{font-size:14px;color:color-mix(in srgb,var(--tx) 60%,transparent)}
.hh-stats-row{display:flex;justify-content:space-around;gap:24px;flex-wrap:wrap}
.hh-stats-cardgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:16px}
.hh-stats-cardgrid .hh-statc{border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:18px;padding:30px 18px;transition:transform .3s,box-shadow .3s}
.hh-stats-cardgrid .hh-statc:hover{transform:translateY(-4px);box-shadow:0 20px 40px -18px color-mix(in srgb,var(--tx) 30%,transparent)}
.hh-stats-grad{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));border-radius:26px;padding:56px 24px;color:#fff}
.hh-stats-grad .hh-statc.light b{color:#fff}.hh-stats-grad .hh-statc.light span{color:rgba(255,255,255,.82)}
.hh-stats-divrow{display:flex;justify-content:center;flex-wrap:wrap}
.hh-stats-divrow .hh-statc{padding:8px 42px;border-right:1px solid color-mix(in srgb,var(--tx) 12%,transparent)}.hh-stats-divrow .hh-statc:last-child{border-right:0}
.hh-stats-biggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:20px}
.hh-statbig{border-top:3px solid var(--acc);padding-top:16px}.hh-statbig b{font-size:clamp(44px,6vw,80px);font-weight:900;letter-spacing:-.04em;display:block;line-height:1}.hh-statbig span{font-size:14px;color:color-mix(in srgb,var(--tx) 58%,transparent)}
@media(max-width:860px){.hh-hs-classic,.hh-hs-frame,.hh-hs-overlap,.hh-hs-grad{grid-template-columns:1fr}.hh-hs-overlap .hh-hs-overcard,.hh-hs-overlap.rev .hh-hs-overcard{margin:-40px 16px 0}.hh-fbento{grid-template-columns:1fr 1fr}.hh-fbento-img{grid-column:1/span 2;grid-row:1;min-height:220px}.hh-fbento-name,.hh-fbento-cta{grid-column:auto}.hh-stats-cardgrid,.hh-stats-biggrid{grid-template-columns:1fr 1fr}.hh-cta-split,.hh-cta-bar{flex-direction:column;text-align:center}.hh-feat-glass-card{margin:0}}
/* ===== HH Oleada 4 (countdown, fullimage, deal, split, coupon) ===== */
.hh-cdk{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}
.hh-cdb{display:flex;flex-direction:column;align-items:center;gap:2px;background:color-mix(in srgb,var(--tx) 6%,transparent);border-radius:14px;padding:12px 16px;min-width:66px}
.hh-cdb b{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.hh-cdb i{font-size:11px;font-style:normal;color:color-mix(in srgb,var(--tx) 55%,transparent);text-transform:uppercase;letter-spacing:.06em}
.hh-cdk.line{gap:6px;font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}.hh-cdk.line u{text-decoration:none;color:var(--acc)}
.hh-cdk.big .hh-cdb{min-width:88px;padding:18px 20px;background:#15161c;color:#fff}.hh-cdk.big .hh-cdb b{font-size:38px}.hh-cdk.big .hh-cdb i{color:rgba(255,255,255,.6)}
.hh-cd{max-width:var(--wrap);margin:0 auto;padding:20px 24px}
.hh-cd h2{font-size:clamp(24px,3vw,38px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.hh-cd-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));color:#fff;border-radius:24px;padding:34px 36px}
.hh-cd-banner h2{color:#fff}.hh-cd-banner p{opacity:.85}.hh-cd-banner .hh-cdb{background:rgba(255,255,255,.16);color:#fff}.hh-cd-banner .hh-cdb i{color:rgba(255,255,255,.7)}
.hh-cd-boxes{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;padding:64px 24px}
.hh-cd-glass{position:relative;overflow:hidden;border-radius:26px;background:color-mix(in srgb,var(--acc) 8%,var(--bg));padding:20px}
.hh-cd-glasscard{position:relative;z-index:1;text-align:center;background:color-mix(in srgb,var(--bg) 62%,transparent);backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:22px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:20px}
.hh-cd-min{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;padding:56px 24px}
.hh-cd-split{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:40px 24px}
.hh-cd-split-l{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.hh-full{max-width:var(--wrap);margin:0 auto;padding:12px 24px}
.hh-full-center,.hh-full-bottom,.hh-full-card,.hh-full-min{position:relative;min-height:520px;border-radius:26px;overflow:hidden;background-size:cover;background-position:center;background-color:#111;display:flex}
.hh-full-center,.hh-full-min{align-items:center;justify-content:center}.hh-full-bottom{align-items:flex-end}.hh-full-card{align-items:center;padding:44px}
.hh-full-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.6))}.hh-full-scrim.soft{background:rgba(0,0,0,.32)}
.hh-full-in{position:relative;z-index:1;padding:48px;color:#fff;display:flex;flex-direction:column;gap:18px;max-width:640px}.hh-full-in.center{text-align:center;align-items:center}
.hh-full h2{font-size:clamp(30px,4.4vw,58px);font-weight:800;letter-spacing:-.03em;line-height:1.03;color:#fff}
.hh-full-in .hh-eye{color:#fff}.hh-full-in .hh-eye::before{background:#fff}.hh-full .hh-sub{color:rgba(255,255,255,.85)}
.hh-full-glass{position:relative;z-index:1;margin:auto auto auto 0;max-width:460px;background:rgba(20,20,26,.5);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:36px;color:#fff;display:flex;flex-direction:column;gap:18px}
.hh-full-glass h2{color:#fff}.hh-full-glass .hh-eye{color:#fff}.hh-full-glass .hh-eye::before{background:#fff}
.hh-full-split{display:grid;grid-template-columns:1fr 1fr;border-radius:26px;overflow:hidden;min-height:460px}
.hh-full-splitimg{background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 10%,transparent);min-height:300px}
.hh-full-splittx{background:color-mix(in srgb,var(--acc) 6%,var(--bg));display:flex;flex-direction:column;justify-content:center;gap:18px;padding:48px}
.hh-full-splittx h2{color:var(--tx)}
.hh-deal{max-width:var(--wrap);margin:0 auto;padding:20px 24px}
.hh-deal h2{font-size:clamp(26px,3.4vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.05}
.hh-deal-img{position:relative;border-radius:22px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 10%,transparent);min-height:420px}
.hh-deal-tx{display:flex;flex-direction:column;gap:16px;justify-content:center}
.hh-deal-split,.hh-deal-dark,.hh-deal-grad{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hh-deal-dark{background:#111318;border-radius:28px;padding:28px;color:#fff}.hh-deal-dark h2{color:#fff}.hh-deal-dark .hh-sub{color:rgba(255,255,255,.7)}.hh-deal-dark .hh-price b{color:#fff}.hh-deal-dark .hh-cdb{background:rgba(255,255,255,.1);color:#fff}.hh-deal-dark .hh-cdb i{color:rgba(255,255,255,.6)}
.hh-deal-grad{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));border-radius:28px;padding:28px;color:#fff}.hh-deal-grad h2,.hh-deal-grad .hh-price b{color:#fff}.hh-deal-grad .hh-eye{color:#fff}.hh-deal-grad .hh-eye::before{background:#fff}.hh-deal-grad .hh-sub{color:rgba(255,255,255,.85)}.hh-deal-grad .hh-cdb{background:rgba(255,255,255,.16);color:#fff}.hh-deal-grad .hh-cdb i{color:rgba(255,255,255,.7)}
.hh-deal-banner{display:flex;align-items:center;gap:24px;flex-wrap:wrap;background:color-mix(in srgb,var(--acc) 6%,var(--bg));border-radius:22px;padding:22px 28px}.hh-deal-banner .hh-deal-img.sm{min-height:0;width:110px;height:110px;flex:none}.hh-deal-banner .hh-deal-tx{flex:1;min-width:200px}.hh-deal-banner h2{font-size:24px}
.hh-deal-card{padding:20px 24px}.hh-deal-cardbox{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:26px;padding:28px;box-shadow:0 30px 70px -30px color-mix(in srgb,var(--tx) 34%,transparent)}
.hh-sp{max-width:var(--wrap);margin:0 auto;padding:20px 24px;display:grid;gap:14px}
.hh-sp-duo{grid-template-columns:1fr 1fr}.hh-sp-grid{grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr))}.hh-sp-ov{grid-template-columns:1fr 1fr}.hh-sp-min{grid-template-columns:1fr 1fr}.hh-sp-grad{grid-template-columns:1fr 1fr}
.hh-spc{position:relative;min-height:300px;border-radius:22px;overflow:hidden;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 10%,transparent);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .3s}
.hh-spc:hover{transform:translateY(-4px)}
.hh-spc-sc{position:absolute;inset:0;background:rgba(0,0,0,.32);transition:background .3s}.hh-spc-sc.grad{background:linear-gradient(0deg,rgba(0,0,0,.62),transparent)}
.hh-spc:hover .hh-spc-sc{background:rgba(0,0,0,.45)}
.hh-spc-lab{position:relative;z-index:1;color:#fff;font-size:24px;font-weight:800;letter-spacing:-.01em;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.hh-spc.ov .hh-spc-lab em{font-size:13px;font-weight:600;opacity:0;transform:translateY(8px);transition:.3s;font-style:normal}.hh-spc.ov:hover .hh-spc-lab em{opacity:.9;transform:none}
.hh-spc.min{align-items:flex-end;justify-content:flex-start}.hh-spc.min .hh-spc-lab{flex-direction:row;padding:22px;font-size:20px}.hh-spc.min .hh-spc-lab i{font-style:normal}
.hh-sp-grad .hh-spc-lab{align-self:flex-end;padding:22px}
.hh-coup{max-width:var(--wrap);margin:0 auto;padding:20px 24px}
.hh-coup h2{font-size:clamp(22px,2.8vw,34px);font-weight:800;letter-spacing:-.02em}
.hh-coup-code{display:inline-flex;align-items:center;border-radius:12px;overflow:hidden;border:1px dashed color-mix(in srgb,var(--tx) 30%,transparent)}
.hh-coup-code span{font-weight:800;font-size:17px;letter-spacing:.1em;padding:12px 18px;font-variant-numeric:tabular-nums}
.hh-copy{border:0;background:var(--acc);color:#fff;font-weight:700;font-size:14px;padding:13px 20px;cursor:pointer}
.hh-coup-ticket .hh-ticket{display:flex;align-items:stretch;border-radius:20px;overflow:hidden;background:color-mix(in srgb,var(--acc) 8%,var(--bg));border:1px solid color-mix(in srgb,var(--tx) 10%,transparent)}
.hh-ticket-l{flex:1;padding:34px}.hh-ticket-l p{color:color-mix(in srgb,var(--tx) 60%,transparent);margin-top:6px}
.hh-ticket-r{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:34px;border-left:2px dashed color-mix(in srgb,var(--tx) 22%,transparent);background:var(--bg)}
.hh-ticket-code{font-weight:800;font-size:22px;letter-spacing:.12em;color:var(--acc)}
.hh-coup-glass{position:relative;overflow:hidden;border-radius:26px;background:color-mix(in srgb,var(--acc) 8%,var(--bg));padding:20px}.hh-coup-glasscard{position:relative;z-index:1;text-align:center;background:color-mix(in srgb,var(--bg) 62%,transparent);backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:22px;padding:46px 24px;display:flex;flex-direction:column;align-items:center;gap:18px}
.hh-coup-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--acc);color:#fff;border-radius:16px;padding:20px 28px}.hh-coup-bar-tx b{font-size:18px;font-weight:800;display:block}.hh-coup-bar-tx em{font-style:normal;opacity:.85;font-size:14px}.hh-coup-bar .hh-coup-code{border-color:rgba(255,255,255,.5)}.hh-coup-bar .hh-coup-code span{color:#fff}.hh-coup-bar .hh-copy{background:#fff;color:var(--acc)}
.hh-coup-dashed{padding:20px 24px}.hh-coup-dash{border:2px dashed color-mix(in srgb,var(--acc) 45%,transparent);border-radius:22px;padding:44px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.hh-coup-grad{text-align:center;background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));color:#fff;border-radius:26px;padding:52px 24px;display:flex;flex-direction:column;align-items:center;gap:18px}.hh-coup-grad h2{color:#fff}.hh-coup-grad .hh-coup-code{border-color:rgba(255,255,255,.5)}.hh-coup-grad .hh-coup-code span{color:#fff}.hh-coup-grad .hh-copy{background:#fff;color:var(--acc)}
@media(max-width:860px){.hh-cd-banner,.hh-cd-split,.hh-deal-split,.hh-deal-dark,.hh-deal-grad,.hh-deal-cardbox,.hh-full-split{grid-template-columns:1fr}.hh-cd-split-l{align-items:center}.hh-sp-grid,.hh-sp-duo,.hh-sp-ov,.hh-sp-min,.hh-sp-grad{grid-template-columns:1fr}.hh-coup-ticket .hh-ticket{flex-direction:column}.hh-ticket-r{border-left:0;border-top:2px dashed color-mix(in srgb,var(--tx) 22%,transparent)}}
/* ===== HH Oleada 5 (gallery, benefit, pricing, faq, logos, trust) ===== */
.hh-gal{max-width:var(--wrap);margin:0 auto;padding:44px 24px}
.hh-galc{display:block;border-radius:18px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 8%,transparent);min-height:220px;transition:transform .3s}
.hh-galc:hover{transform:scale(1.02)}
.hh-gal-uniform{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:14px}
.hh-gal-masonry{columns:3;column-gap:14px}.hh-gal-masonry .hh-galc{margin-bottom:14px;min-height:200px}.hh-gal-masonry .hh-galc.tall{min-height:320px}
.hh-gal-bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));grid-auto-rows:170px;gap:14px}.hh-gal-bento .hh-galc.big{grid-column:span 2;grid-row:span 2}
.hh-galmqwrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.hh-galmqtrack{display:flex;gap:14px;width:max-content;animation:hhmarq 45s linear infinite}.hh-galmqtrack .hh-galc{width:300px;flex:none;min-height:220px}
.hh-gal-strip{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px}.hh-gal-strip .hh-galc{flex:0 0 300px;min-height:360px}
.hh-ben{max-width:var(--wrap);margin:0 auto;padding:44px 24px}
.hh-ben h2{font-size:clamp(28px,3.6vw,46px);font-weight:800;letter-spacing:-.03em;line-height:1.05}
.hh-ben-img{border-radius:24px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 8%,transparent);min-height:440px}
.hh-ben-tx{display:flex;flex-direction:column;gap:18px;justify-content:center}.hh-ben-tx.center{text-align:center;align-items:center}
.hh-ben-list{list-style:none;display:flex;flex-direction:column;gap:12px;padding:0;margin:0}
.hh-ben-list li{position:relative;padding-left:32px;font-size:15px;color:color-mix(in srgb,var(--tx) 78%,transparent)}
.hh-ben-list li::before{content:"✓";position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;background:color-mix(in srgb,var(--acc) 16%,transparent);color:var(--acc);font-size:12px;font-weight:800;display:grid;place-items:center}
.hh-ben-split,.hh-ben-listv,.hh-ben-grad{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.hh-ben-split.rev .hh-ben-img,.hh-ben-listv.rev .hh-ben-img,.hh-ben-grad.rev .hh-ben-img{order:2}
.hh-ben-stacked{text-align:center}.hh-ben-stacked .hh-ben-img{min-height:340px;margin-bottom:28px}
.hh-ben-card{position:relative;min-height:520px;border-radius:28px;overflow:hidden;background-size:cover;background-position:center;background-color:#111;display:flex;align-items:center;padding:44px}
.hh-ben-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.2))}
.hh-ben-card.rev{justify-content:flex-end}
.hh-ben-glass{position:relative;z-index:1;max-width:480px;background:rgba(20,20,26,.55);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:36px;color:#fff;display:flex;flex-direction:column;gap:16px}
.hh-ben-glass h2{color:#fff}.hh-ben-glass .hh-eye{color:#fff}.hh-ben-glass .hh-eye::before{background:#fff}.hh-ben-glass .hh-sub{color:rgba(255,255,255,.82)}.hh-ben-glass .hh-ben-list li{color:rgba(255,255,255,.85)}.hh-ben-glass .hh-ben-list li::before{background:rgba(255,255,255,.2);color:#fff}
.hh-ben-gradtx{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));color:#fff;border-radius:24px;padding:44px;display:flex;flex-direction:column;gap:16px;justify-content:center}
.hh-ben-gradtx h2{color:#fff}.hh-ben-gradtx .hh-eye{color:#fff}.hh-ben-gradtx .hh-eye::before{background:#fff}.hh-ben-gradtx .hh-sub{color:rgba(255,255,255,.85)}.hh-ben-gradtx .hh-ben-list li{color:rgba(255,255,255,.9)}.hh-ben-gradtx .hh-ben-list li::before{background:rgba(255,255,255,.22);color:#fff}
.hh-ben-nums{display:flex;flex-direction:column;gap:16px}.hh-ben-num{display:flex;gap:16px;align-items:baseline}.hh-ben-num span{font-size:20px;font-weight:900;color:color-mix(in srgb,var(--acc) 50%,transparent)}.hh-ben-num b{font-size:16px;font-weight:600}
.hh-pricing{max-width:var(--wrap);margin:0 auto;padding:52px 24px}
.hh-pc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:18px;align-items:start}
.hh-pc{border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:22px;padding:32px;display:flex;flex-direction:column;gap:16px;background:var(--bg)}
.hh-pc.feat{border-color:var(--acc);box-shadow:0 24px 60px -26px color-mix(in srgb,var(--acc) 50%,transparent);transform:scale(1.03);position:relative}
.hh-pc-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--acc);color:#fff;font-size:12px;font-weight:800;padding:5px 14px;border-radius:999px}
.hh-pc-name{font-size:15px;font-weight:700;color:color-mix(in srgb,var(--tx) 60%,transparent)}
.hh-pc-amt{display:flex;align-items:baseline;gap:6px}.hh-pc-amt span{font-size:40px;font-weight:800;letter-spacing:-.03em}.hh-pc-amt em{font-style:normal;font-size:14px;color:color-mix(in srgb,var(--tx) 55%,transparent)}
.hh-pc ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;margin:4px 0}
.hh-pc li{position:relative;padding-left:26px;font-size:14px;color:color-mix(in srgb,var(--tx) 72%,transparent)}.hh-pc li::before{content:"✓";position:absolute;left:0;color:var(--acc);font-weight:800}
.hh-pc .hh-btn{justify-content:center;margin-top:auto}
.hh-pricing-dark{background:#0f1116;border-radius:28px;padding:48px 28px}.hh-pricing-dark .hh-pc{background:#171a21;border-color:rgba(255,255,255,.1);color:#fff}.hh-pricing-dark .hh-pc-amt span{color:#fff}.hh-pricing-dark .hh-pc li{color:rgba(255,255,255,.72)}.hh-pricing-dark .hh-pc.feat{border-color:var(--acc);box-shadow:0 24px 60px -20px color-mix(in srgb,var(--acc) 60%,transparent)}
.hh-pricing-outline .hh-pc{background:transparent}.hh-pricing-outline .hh-pc.feat{background:color-mix(in srgb,var(--acc) 6%,transparent)}
.hh-pricing-grad .hh-pc.feat{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));border-color:transparent;color:#fff}.hh-pricing-grad .hh-pc.feat .hh-pc-name,.hh-pricing-grad .hh-pc.feat .hh-pc-amt span,.hh-pricing-grad .hh-pc.feat li{color:#fff}.hh-pricing-grad .hh-pc.feat li::before{color:#fff}.hh-pricing-grad .hh-pc.feat .hh-btn{background:#fff;color:var(--acc)}
.hh-pricing-table .hh-pc-grid{gap:0;border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:22px;overflow:hidden}.hh-pricing-table .hh-pc{border:0;border-right:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:0;transform:none;box-shadow:none}.hh-pricing-table .hh-pc:last-child{border-right:0}.hh-pricing-table .hh-pc.feat{background:color-mix(in srgb,var(--acc) 6%,transparent)}
.hh-faq{max-width:860px;margin:0 auto;padding:52px 24px}
.hh-faqlist{display:flex;flex-direction:column;gap:12px}
.hh-faqi{border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:16px;padding:4px 20px;background:var(--bg)}
.hh-faqi summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font-weight:700;font-size:16px}
.hh-faqi summary::-webkit-details-marker{display:none}
.hh-faqchev{width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--acc);display:grid;place-items:center;font-size:18px;flex:none;transition:transform .25s}
.hh-faqi[open] .hh-faqchev{transform:rotate(45deg)}
.hh-faqi p{padding:0 0 18px;color:color-mix(in srgb,var(--tx) 65%,transparent);line-height:1.6;font-size:14.5px;margin:0}
.hh-faq-div .hh-faqi,.hh-faq-min .hh-faqi{border:0;border-bottom:1px solid color-mix(in srgb,var(--tx) 12%,transparent);border-radius:0;padding:4px 0;background:transparent}
.hh-faq-min .hh-faqi{border-bottom:0}.hh-faq-min .hh-faqchev{background:transparent;color:color-mix(in srgb,var(--tx) 40%,transparent)}
.hh-faq-glass{position:relative;overflow:hidden;background:color-mix(in srgb,var(--acc) 6%,var(--bg));border-radius:26px;max-width:920px}.hh-faq-glass .hh-faqi{position:relative;z-index:1;background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(12px)}
.hh-faq-two{max-width:var(--wrap)}.hh-faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:30px 40px}.hh-faqcol b{font-size:16px;font-weight:800;display:block;margin-bottom:8px}.hh-faqcol p{color:color-mix(in srgb,var(--tx) 62%,transparent);line-height:1.6;font-size:14.5px;margin:0}
.hh-logos{max-width:var(--wrap);margin:0 auto;padding:40px 24px;text-align:center}
.hh-logos-t{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--tx) 45%,transparent);margin-bottom:22px}
.hh-logos-row{display:flex;align-items:center;justify-content:center;gap:44px;flex-wrap:wrap}
.hh-logo{font-size:22px;font-weight:800;letter-spacing:-.02em;color:color-mix(in srgb,var(--tx) 55%,transparent)}
.hh-logos-muted .hh-logo{opacity:.5;filter:grayscale(1)}
.hh-logos-grid .hh-logos-gridrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(185px,100%),1fr));border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:16px;overflow:hidden}.hh-logos-grid .hh-logo{padding:28px;border-right:1px solid color-mix(in srgb,var(--tx) 10%,transparent)}
.hh-logos-pill .hh-logo{background:color-mix(in srgb,var(--tx) 6%,transparent);padding:10px 22px;border-radius:999px;font-size:16px}
.hh-logomqwrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hh-logomqtrack{display:flex;align-items:center;gap:56px;width:max-content;animation:hhmarq 30s linear infinite}.hh-logomqtrack .hh-logo{flex:none}
.hh-trust{max-width:var(--wrap);margin:0 auto;padding:44px 24px}
.hh-trusti{width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--acc);display:grid;place-items:center;flex:none}.hh-trusti svg{width:23px;height:23px}
.hh-trustc{display:flex;flex-direction:column;gap:8px}.hh-trustc b{font-size:16px;font-weight:800}.hh-trustc span{font-size:13.5px;color:color-mix(in srgb,var(--tx) 58%,transparent)}
.hh-trust-row,.hh-trust-cards,.hh-trust-glass{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:16px}
.hh-trust-row .hh-trustc{align-items:flex-start}
.hh-trustc.card{border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:18px;padding:24px;transition:transform .3s,box-shadow .3s}.hh-trustc.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -18px color-mix(in srgb,var(--tx) 30%,transparent)}
.hh-trust-glass{position:relative;overflow:hidden;background:color-mix(in srgb,var(--acc) 6%,var(--bg));border-radius:26px;padding:26px}.hh-trustc.glass{position:relative;z-index:1;background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:18px;padding:24px}
.hh-trust-bar{display:flex;align-items:center;justify-content:space-around;gap:16px;flex-wrap:wrap;border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:18px;padding:22px 28px}.hh-trustbar-i{display:flex;align-items:center;gap:12px;font-size:14px}.hh-trustbar-i b{font-weight:800}
.hh-trust-big{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:22px 40px}.hh-trustbig{display:flex;gap:18px;align-items:flex-start}.hh-trustbig .hh-trusti{width:56px;height:56px}.hh-trustbig b{font-size:18px;font-weight:800;display:block;margin-bottom:4px}.hh-trustbig span{font-size:14px;color:color-mix(in srgb,var(--tx) 58%,transparent)}
@media(max-width:860px){.hh-gal-uniform,.hh-gal-bento{grid-template-columns:1fr 1fr}.hh-gal-masonry{columns:2}.hh-ben-split,.hh-ben-listv,.hh-ben-grad{grid-template-columns:1fr}.hh-pc-grid{grid-template-columns:1fr}.hh-pc.feat{transform:none}.hh-faqgrid{grid-template-columns:1fr}.hh-trust-row,.hh-trust-cards,.hh-trust-glass{grid-template-columns:1fr 1fr}.hh-trust-big{grid-template-columns:1fr}.hh-logos-grid .hh-logos-gridrow{grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr))}}
/* ===== HH Oleada 6 (newsletter, usps, imagetext, reviews, press, timeline, iconrow, compare, statement, team, results, reviewsx) ===== */
.hh-nl{max-width:var(--wrap);margin:0 auto;padding:52px 24px}
.hh-nl h2{font-size:clamp(26px,3.2vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.hh-nl p{color:color-mix(in srgb,var(--tx) 62%,transparent);margin-top:8px}
.hh-nlform{display:flex;gap:8px;margin-top:20px;max-width:460px}
.hh-nlform input{flex:1;border:1px solid color-mix(in srgb,var(--tx) 16%,transparent);background:var(--bg);color:var(--tx);border-radius:999px;padding:14px 20px;font-size:15px;outline:none}
.hh-nlform button{border:0;background:var(--tx);color:var(--bg);font-weight:700;border-radius:999px;padding:14px 26px;cursor:pointer;white-space:nowrap}
.hh-nl-center{text-align:center;display:flex;flex-direction:column;align-items:center}.hh-nl-center .hh-nlform{margin-left:auto;margin-right:auto}
.hh-nl-split{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.hh-nl-split .hh-nlform{margin-top:0;width:420px}
.hh-nl-boxed .hh-nl-box{border:1px solid color-mix(in srgb,var(--tx) 12%,transparent);border-radius:24px;padding:48px;text-align:center;display:flex;flex-direction:column;align-items:center}.hh-nl-boxed .hh-nlform{margin-left:auto;margin-right:auto}
.hh-nl-glass{position:relative;overflow:hidden;border-radius:26px;background:color-mix(in srgb,var(--acc) 8%,var(--bg));padding:20px}.hh-nl-glasscard{position:relative;z-index:1;text-align:center;background:color-mix(in srgb,var(--bg) 62%,transparent);backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:22px;padding:48px 24px;display:flex;flex-direction:column;align-items:center}.hh-nl-glass .hh-nlform{margin-left:auto;margin-right:auto}
.hh-nl-grad{text-align:center;background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));color:#fff;border-radius:26px;padding:56px 24px;display:flex;flex-direction:column;align-items:center}.hh-nl-grad h2{color:#fff}.hh-nl-grad p{color:rgba(255,255,255,.85)}.hh-nl-grad .hh-nlform{margin-left:auto;margin-right:auto}.hh-nl-grad input{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}.hh-nl-grad button{background:#fff;color:var(--acc)}
.hh-usps{max-width:var(--wrap);margin:0 auto;padding:36px 24px}
.hh-usp{display:flex;flex-direction:column;gap:4px}.hh-usp b{font-size:16px;font-weight:800}.hh-usp span{font-size:13.5px;color:color-mix(in srgb,var(--tx) 58%,transparent)}
.hh-usps-row,.hh-usps-cards,.hh-usps-min{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:16px}
.hh-usps-cards .hh-usp{border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:16px;padding:22px}
.hh-usps-min{text-align:center}.hh-usps-min .hh-usp{align-items:center}
.hh-usps-bar{display:flex;align-items:center;justify-content:space-around;gap:16px;flex-wrap:wrap;background:color-mix(in srgb,var(--acc) 6%,var(--bg));border-radius:16px;padding:20px 28px}.hh-usp-bar{font-size:14px}.hh-usp-bar b{font-weight:800}
.hh-usps-mq{padding:0}.hh-mqtrack.usp{gap:44px;font-size:15px;padding:16px 0}.hh-usp-mq{flex:none}.hh-usp-mq b{font-weight:800;color:var(--acc)}
.hh-it{max-width:var(--wrap);margin:0 auto;padding:44px 24px}
.hh-it h2,.hh-it h3{letter-spacing:-.02em;font-weight:800}.hh-it h2{font-size:clamp(26px,3.2vw,42px)}.hh-it h3{font-size:20px;margin-top:14px}
.hh-itimg{border-radius:22px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 8%,transparent);min-height:360px}
.hh-itrow{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-bottom:32px}.hh-itrow:last-child{margin-bottom:0}.hh-itrow.rev .hh-itimg{order:2}
.hh-ittx{display:flex;flex-direction:column;gap:16px}.hh-ittx.card{background:var(--bg);border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:22px;padding:34px;box-shadow:0 26px 60px -30px color-mix(in srgb,var(--tx) 34%,transparent)}
.hh-it-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:24px}.hh-it-cols .hh-itimg{min-height:220px}.hh-it-cols .hh-itcol p{color:color-mix(in srgb,var(--tx) 60%,transparent);margin:8px 0 12px;font-size:14px}
.hh-it-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:18px}.hh-it-cards .hh-itcard{border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:20px;overflow:hidden}.hh-it-cards .hh-itimg{border-radius:0;min-height:200px}.hh-itcard-tx{padding:22px}.hh-itcard-tx p{color:color-mix(in srgb,var(--tx) 60%,transparent);margin-top:8px;font-size:14px}
.hh-rv{max-width:var(--wrap);margin:0 auto;padding:52px 24px}
.hh-rv-score{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px}.hh-rv-score b{font-size:22px;font-weight:800}.hh-rv-score em{font-style:normal;color:color-mix(in srgb,var(--tx) 55%,transparent);font-size:14px}
.hh-rvsum{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center}.hh-rvsum-l{text-align:center;display:flex;flex-direction:column;gap:4px}.hh-rvsum-l b{font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:1}
.hh-pr{max-width:var(--wrap);margin:0 auto;padding:44px 24px}
.hh-prc{display:flex;flex-direction:column;gap:12px}.hh-prc p{font-size:18px;line-height:1.5;font-weight:500}.hh-prc b{color:color-mix(in srgb,var(--tx) 55%,transparent);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.hh-pr-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:30px}
.hh-pr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:20px}.hh-pr-grid .hh-prc{border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:18px;padding:26px}
.hh-pr-min{display:flex;flex-direction:column;gap:22px;max-width:760px;margin:0 auto}.hh-pr-min .hh-prmin{border-left:2px solid var(--acc);padding-left:18px}.hh-pr-min .hh-prmin b{color:var(--acc);font-size:13px;text-transform:uppercase;letter-spacing:.06em}.hh-pr-min .hh-prmin p{margin-top:6px;font-size:16px}
.hh-pr-logos{display:flex;align-items:center;justify-content:center;gap:44px;flex-wrap:wrap}.hh-prlogo{font-size:22px;font-weight:800;color:color-mix(in srgb,var(--tx) 45%,transparent)}
.hh-mqtrack.pr .hh-prc{width:360px;flex:none}
.hh-tl{max-width:var(--wrap);margin:0 auto;padding:52px 24px}
.hh-tlrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:20px}
.hh-tlc{display:flex;flex-direction:column;gap:8px}.hh-tlnum{width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--acc) 14%,transparent);color:var(--acc);display:grid;place-items:center;font-weight:800;font-size:14px}.hh-tlc b{font-size:16px;font-weight:800}.hh-tlc span{font-size:13.5px;color:color-mix(in srgb,var(--tx) 58%,transparent)}
.hh-tl-cards .hh-tlcard{border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:8px}.hh-tl-cards .hh-tlnum{margin-bottom:4px}
.hh-tl-num .hh-tlbig{display:flex;gap:16px;align-items:flex-start}.hh-tlbignum{font-size:44px;font-weight:900;color:color-mix(in srgb,var(--acc) 40%,transparent);line-height:1}.hh-tl-num b{font-size:16px;font-weight:800;display:block}.hh-tl-num span{font-size:13.5px;color:color-mix(in srgb,var(--tx) 58%,transparent)}
.hh-tlvrows{display:flex;flex-direction:column;max-width:640px;margin:0 auto}.hh-tlv{display:flex;gap:18px;padding:0 0 26px;position:relative}.hh-tlv:not(:last-child)::before{content:"";position:absolute;left:15px;top:34px;bottom:0;width:2px;background:color-mix(in srgb,var(--tx) 12%,transparent)}.hh-tlvnum{width:32px;height:32px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-weight:800;flex:none;z-index:1}.hh-tlv-tx b{font-size:17px;font-weight:800;display:block}.hh-tlv-tx span{font-size:14px;color:color-mix(in srgb,var(--tx) 58%,transparent)}
.hh-tlline{display:flex;gap:0;overflow-x:auto;padding-top:20px}.hh-tllc{flex:1;min-width:180px;position:relative;padding:0 16px}.hh-tldot{position:absolute;top:-20px;left:16px;width:12px;height:12px;border-radius:50%;background:var(--acc)}.hh-tlline::before{}.hh-tllc b{display:block;font-size:16px;font-weight:800}.hh-tllc span{font-size:13px;color:color-mix(in srgb,var(--tx) 58%,transparent)}
.hh-ir{max-width:var(--wrap);margin:0 auto;padding:44px 24px}
.hh-irc{display:flex;flex-direction:column;gap:10px}.hh-irc b{font-size:16px;font-weight:800}.hh-irc span{font-size:13.5px;color:color-mix(in srgb,var(--tx) 58%,transparent)}
.hh-ir-row,.hh-ir-cards,.hh-ir-glass{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:18px}
.hh-ir-cards .hh-irc{border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:18px;padding:24px}
.hh-ir-glass{position:relative;overflow:hidden;background:color-mix(in srgb,var(--acc) 6%,var(--bg));border-radius:26px;padding:26px}.hh-irc.glass{position:relative;z-index:1;background:color-mix(in srgb,var(--bg) 60%,transparent);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:18px;padding:24px}
.hh-ir-bar{display:flex;align-items:center;justify-content:space-around;gap:16px;flex-wrap:wrap;border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:18px;padding:20px 28px}.hh-irbar{display:flex;align-items:center;gap:12px;font-size:14px}.hh-irbar b{font-weight:800}
.hh-ir-inline{display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap}.hh-irinline{display:flex;align-items:center;gap:10px;font-weight:800}
.hh-compare{max-width:920px;margin:0 auto;padding:52px 24px}
.hh-cmp{border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:18px;overflow:hidden}
.hh-cmp-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;align-items:center;padding:16px 22px;border-bottom:1px solid color-mix(in srgb,var(--tx) 8%,transparent)}.hh-cmp-row:last-child{border-bottom:0}
.hh-cmp-head{font-weight:800;background:color-mix(in srgb,var(--tx) 4%,transparent)}.hh-cmp-head .us{color:var(--acc)}
.hh-cmp-f{font-weight:600}.hh-cmp .us{color:var(--acc);font-weight:700}.hh-cmp .them{color:color-mix(in srgb,var(--tx) 50%,transparent)}
.hh-cmp.stripe .hh-cmp-row:nth-child(odd){background:color-mix(in srgb,var(--tx) 3%,transparent)}
.hh-cmp.min{border:0}.hh-cmp.min .hh-cmp-row{border-color:color-mix(in srgb,var(--tx) 8%,transparent)}
.hh-compare-dark{background:#0f1116;border-radius:26px;padding:40px 28px}.hh-compare-dark .hh-cmp{border-color:rgba(255,255,255,.1)}.hh-compare-dark .hh-cmp-row{border-color:rgba(255,255,255,.08);color:#fff}.hh-compare-dark .hh-cmp-head{background:rgba(255,255,255,.05)}.hh-compare-dark .them{color:rgba(255,255,255,.5)}
.hh-cmp2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hh-cmp2-c{border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:18px;padding:26px}.hh-cmp2-c.us{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 5%,transparent)}.hh-cmp2-c b{font-size:18px;font-weight:800;display:block;margin-bottom:14px}.hh-cmp2-c ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.hh-cmp2-c li{font-size:14px;color:color-mix(in srgb,var(--tx) 70%,transparent)}.hh-cmp2-c.us li{color:var(--tx)}.hh-cmp2-c li span{font-weight:700}
.hh-st{max-width:900px;margin:0 auto;padding:64px 24px;text-align:center}
.hh-st h2{font-size:clamp(28px,4vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.12}
.hh-st-plain{display:flex;flex-direction:column;align-items:center;gap:24px}
.hh-st-quote{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px}.hh-st-mark{font-size:90px;line-height:.6;color:color-mix(in srgb,var(--acc) 30%,transparent);font-family:Georgia,serif}
.hh-st-boxed .hh-st-box{border:1px solid color-mix(in srgb,var(--tx) 12%,transparent);border-radius:26px;padding:56px 32px;display:flex;flex-direction:column;align-items:center;gap:22px}
.hh-st-grad{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));color:#fff;border-radius:28px;display:flex;flex-direction:column;align-items:center;gap:24px}.hh-st-grad h2{color:#fff}
.hh-st-big h2{font-size:clamp(38px,6vw,86px);letter-spacing:-.04em}
/* Frase de marca larga: se baja el tamano. El orden importa — la regla general va
   primero y la de la variante grande despues, porque tienen la misma especificidad. */
.hh-st.hh-st-largo h2{font-size:clamp(24px,2.6vw,36px);letter-spacing:-.015em;line-height:1.32;max-width:26ch;margin-inline:auto}
.hh-st-big.hh-st-largo h2{font-size:clamp(26px,3.1vw,44px);letter-spacing:-.02em;line-height:1.25;max-width:22ch}
.hh-tm{max-width:var(--wrap);margin:0 auto;padding:52px 24px}
.hh-tm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:20px}
.hh-tmc{display:flex;flex-direction:column;gap:6px;text-align:center;align-items:center}.hh-tmc b{font-size:16px;font-weight:800}.hh-tmc span{font-size:13px;color:color-mix(in srgb,var(--tx) 58%,transparent)}
.hh-tm-img{width:100%;aspect-ratio:1;border-radius:18px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 10%,transparent);margin-bottom:8px}
.hh-tm-img.round{border-radius:50%;width:140px;height:140px}.hh-tm-img.sq{border-radius:8px}
.hh-tm-cards .hh-tmc.card{border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:18px;overflow:hidden;text-align:left;align-items:stretch}.hh-tm-cards .hh-tm-img{border-radius:0;margin:0}.hh-tmc-tx{padding:16px}
.hh-tm-ov .hh-tmov{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end;text-decoration:none;background-color:color-mix(in srgb,var(--acc) 10%,transparent)}.hh-tmov-sc{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 60%)}.hh-tmov-tx{position:relative;z-index:1;padding:18px;color:#fff}.hh-tmov-tx b{display:block;font-size:16px;font-weight:800}.hh-tmov-tx em{font-style:normal;font-size:12px;opacity:.85}
.hh-res{max-width:var(--wrap);margin:0 auto;padding:52px 24px;display:grid;grid-template-columns:1fr 1.4fr;gap:44px;align-items:center}
.hh-res-left .hh-sub{margin-top:12px}
.hh-res-rings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:20px}
.hh-resring{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.hh-ringwrap{position:relative;width:120px;height:120px}.hh-ringsvg{width:120px;height:120px}.hh-ringsvg .bg{stroke:color-mix(in srgb,var(--tx) 10%,transparent)}.hh-ringsvg .fg{stroke:var(--acc)}.hh-ringpct{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;font-weight:800}.hh-reslab{font-size:13.5px;color:color-mix(in srgb,var(--tx) 60%,transparent)}
.hh-res-nums{display:flex;gap:24px;flex-wrap:wrap}.hh-resnum{display:flex;flex-direction:column}.hh-resnum b{font-size:44px;font-weight:800;letter-spacing:-.03em;color:var(--acc)}.hh-resnum span{font-size:13.5px;color:color-mix(in srgb,var(--tx) 58%,transparent)}
.hh-res-nums.col{flex-direction:column;gap:14px}.hh-resnum.row{flex-direction:row;align-items:baseline;gap:14px;border-top:1px solid color-mix(in srgb,var(--tx) 10%,transparent);padding-top:14px}.hh-resnum.row b{font-size:32px}
.hh-res-barlist{display:flex;flex-direction:column;gap:16px}.hh-resbar-h{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}.hh-resbar-h b{font-weight:800;color:var(--acc)}.hh-resbar-tr{display:block;height:8px;border-radius:5px;background:color-mix(in srgb,var(--tx) 8%,transparent);overflow:hidden}.hh-resbar-tr span{display:block;height:100%;background:var(--acc);border-radius:5px}
.hh-res-grad{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));border-radius:28px;color:#fff;padding:44px}.hh-res-grad .hh-ringsvg .bg{stroke:rgba(255,255,255,.2)}.hh-res-grad .hh-ringsvg .fg{stroke:#fff}.hh-res-grad .hh-ringpct{color:#fff}.hh-res-grad .hh-reslab{color:rgba(255,255,255,.8)}
.hh-rvx{max-width:var(--wrap);margin:0 auto;padding:52px 24px}
.hh-rvx-top{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid color-mix(in srgb,var(--tx) 10%,transparent)}
.hh-rvx-avg{text-align:center}.hh-rvx-avg b{font-size:56px;font-weight:800;letter-spacing:-.03em;display:block;line-height:1}.hh-rvx-avg span{font-size:13px;color:color-mix(in srgb,var(--tx) 55%,transparent)}
.hh-rvx-dist{display:flex;flex-direction:column;gap:8px}.hh-rvx-bar{display:grid;grid-template-columns:40px 1fr 44px;gap:10px;align-items:center;font-size:13px}.hh-rvx-bar .track{height:8px;border-radius:5px;background:color-mix(in srgb,var(--tx) 8%,transparent);overflow:hidden}.hh-rvx-bar .track span{display:block;height:100%;background:var(--acc)}
.hh-rvx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:16px}.hh-rvx-card{border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:18px;padding:22px;display:grid;grid-template-columns:minmax(84px,120px) minmax(0,1fr);gap:18px}
.hh-rvx-card .hh-rvx-c1{min-width:0;overflow-wrap:anywhere}
@media(max-width:620px){.hh-rvx-card{grid-template-columns:1fr;gap:10px}}.hh-rvx-c1{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;max-width:120px}.hh-rvx-c1 b{font-size:14px;font-weight:800}.hh-rvx-verif{font-size:10px;font-weight:800;color:#1f9d55}.hh-rvx-loc{font-size:11px;color:color-mix(in srgb,var(--tx) 50%,transparent)}.hh-rvx-c2 b{font-size:15px;font-weight:800;display:block;margin:6px 0}.hh-rvx-c2 p{font-size:14px;color:color-mix(in srgb,var(--tx) 72%,transparent);line-height:1.55}.hh-rvx-c2 em{font-style:normal;font-size:12px;color:color-mix(in srgb,var(--tx) 50%,transparent);margin-left:6px}
.hh-rvx-split{display:grid;grid-template-columns:320px 1fr;gap:40px;align-items:start}.hh-rvx-split .hh-rvx-list{display:flex;flex-direction:column;gap:16px}.hh-rvx-split .hh-rvx-sidebar{position:sticky;top:20px}.hh-rvx-split .hh-rvx-dist{margin-top:16px}
@media(max-width:980px){.hh-nl-split,.hh-res,.hh-rvx-top,.hh-rvx-split,.hh-rvsum{grid-template-columns:1fr}.hh-nl-split .hh-nlform{width:auto}.hh-usps-row,.hh-usps-cards,.hh-usps-min,.hh-it-cols,.hh-it-cards,.hh-pr-quotes,.hh-pr-grid,.hh-tlrow,.hh-ir-row,.hh-ir-cards,.hh-ir-glass,.hh-tm-grid,.hh-res-rings,.hh-rvx-cards,.hh-cmp2{grid-template-columns:1fr 1fr}.hh-itrow{grid-template-columns:1fr}.hh-nlform{flex-direction:column}}    .hyh-w{width:100%}
/* ===== HH Oleada 7 (rich, banner, announce, video, blog, shipbar, map, contact) ===== */
.hh-rich{max-width:var(--wrap);margin:0 auto;padding:56px 24px}.hh-rich h2{font-size:clamp(24px,3vw,38px);font-weight:800;letter-spacing:-.02em;line-height:1.12}.hh-rich p{color:color-mix(in srgb,var(--tx) 66%,transparent);margin-top:12px;max-width:640px;font-size:16px;line-height:1.65}.hh-rich-center>*{margin-left:auto;margin-right:auto}.hh-rich .hh-btn{margin-top:20px}
.hh-rich-boxed .hh-rich-box{border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:24px;padding:52px 44px;background:color-mix(in srgb,var(--acc) 4%,var(--bg))}.hh-rich-boxed .hh-rich-box>*{margin-left:auto;margin-right:auto}
.hh-rich-grad{background:linear-gradient(120deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));color:#fff;border-radius:26px;padding:60px 44px;max-width:var(--wrap)}.hh-rich-grad h2{color:#fff}.hh-rich-grad p{color:rgba(255,255,255,.85)}.hh-rich-grad>*{margin-left:auto;margin-right:auto}
.hh-rich-line{display:flex;flex-direction:column;align-items:center;gap:22px}.hh-rich-rule{width:64px;height:2px;background:var(--acc);display:block}.hh-rich-big h2{font-size:clamp(34px,6vw,72px);letter-spacing:-.04em}
.hh-bn{max-width:var(--wrap);margin:0 auto;padding:24px}.hh-bn h2{font-size:clamp(24px,2.8vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.1}.hh-bn p{color:color-mix(in srgb,var(--tx) 64%,transparent);margin-top:10px;line-height:1.6}.hh-bn .hh-btn{margin-top:18px}
.hh-bn-img{background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 12%,transparent);border-radius:20px;min-height:320px}
.hh-bn-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hh-bn-split.rev .hh-bn-img{order:2}.hh-bn-tx{display:flex;flex-direction:column;align-items:flex-start}
.hh-bn-overlay{position:relative;min-height:420px;border-radius:24px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:center;padding:48px}.hh-bn-overlay .hh-bn-sc{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.15))}.hh-bn-overlay .hh-bn-tx{position:relative;z-index:1;max-width:520px}.hh-bn-overlay h2{color:#fff;font-size:clamp(28px,4vw,48px)}.hh-bn-overlay p{color:rgba(255,255,255,.9)}
.hh-bn-stack{text-align:center}.hh-bn-stack .hh-bn-img{min-height:300px;margin-bottom:26px}.hh-bn-stack .hh-bn-tx{align-items:center}
.hh-bn-card .hh-bn-cardin{border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:26px;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;box-shadow:0 30px 70px -40px color-mix(in srgb,var(--tx) 40%,transparent)}.hh-bn-card .hh-bn-cardin.rev .hh-bn-img{order:2}.hh-bn-card .hh-bn-img{border-radius:0;min-height:360px}.hh-bn-card .hh-bn-tx{padding:44px;justify-content:center}
.hh-bn-frame{position:relative;min-height:440px;border-radius:24px;overflow:hidden;background-size:cover;background-position:center;display:grid;place-items:center;padding:26px}.hh-bn-frame::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.32)}.hh-bn-frametx{position:relative;z-index:1;text-align:center;border:1px solid rgba(255,255,255,.55);border-radius:18px;padding:44px 52px;background:rgba(0,0,0,.18);backdrop-filter:blur(4px)}.hh-bn-frametx h2{color:#fff;font-size:clamp(28px,4vw,46px)}.hh-bn-frametx p{color:rgba(255,255,255,.9)}
.hh-an{max-width:var(--wrap);margin:0 auto;padding:0 24px}.hh-an-bar,.hh-an-grad,.hh-an-center{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;flex-wrap:wrap}.hh-an-bar{background:var(--acc);color:#fff}.hh-an-grad{background:linear-gradient(90deg,var(--acc),color-mix(in srgb,var(--acc) 45%,#000));color:#fff}.hh-an-center{background:color-mix(in srgb,var(--acc) 8%,var(--bg));color:var(--tx);border:1px solid color-mix(in srgb,var(--acc) 22%,transparent)}
.hh-an-lk{color:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px}.hh-an-lk i{font-style:normal}
.hh-an-mq{background:var(--tx);color:var(--bg);padding:11px 0;border-radius:12px;overflow:hidden}.hh-mqtrack.an{gap:0}.hh-an-it{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:0 26px;position:relative}.hh-an-it::after{content:"◆";position:absolute;right:-4px;opacity:.5}
.hh-an-glass{position:relative;overflow:hidden;border-radius:14px;background:color-mix(in srgb,var(--acc) 10%,var(--bg));padding:6px}.hh-an-glassin{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;padding:11px 20px;border-radius:10px;background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(12px);font-size:14px;font-weight:600;flex-wrap:wrap}
.hh-vid{max-width:var(--wrap);margin:0 auto;padding:52px 24px}.hh-vid-box{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#0d0e14}.hh-vid-box iframe,.hh-vid-box video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.hh-vid-play{position:absolute;inset:0;margin:auto;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.92);display:block}.hh-vid-play::after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-left:20px solid var(--acc);border-top:12px solid transparent;border-bottom:12px solid transparent}
.hh-vid-box.big{aspect-ratio:21/9}.hh-vid-box.slim{max-width:820px;margin:0 auto;aspect-ratio:16/9}
.hh-vid-framed .hh-vid-frame{border:1px solid color-mix(in srgb,var(--tx) 12%,transparent);border-radius:26px;padding:16px;background:color-mix(in srgb,var(--acc) 4%,var(--bg))}
.hh-vid-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.hh-vid-tx h2{font-size:clamp(24px,2.8vw,36px);font-weight:800;letter-spacing:-.02em}.hh-vid-tx .hh-sub{margin:12px 0 18px}
.hh-vid-glass{position:relative;overflow:hidden;border-radius:28px;background:color-mix(in srgb,var(--acc) 9%,var(--bg));padding:20px}.hh-vid-glassin{position:relative;z-index:1;background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:22px;padding:28px}.hh-vid-glassin h2{text-align:center;font-size:clamp(22px,2.6vw,32px);font-weight:800;margin-bottom:18px}
.hh-bl{max-width:var(--wrap);margin:0 auto;padding:56px 24px}.hh-bl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:24px}.hh-bl-c{display:flex;flex-direction:column;text-decoration:none;color:inherit}.hh-bl-img{aspect-ratio:16/10;border-radius:16px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 10%,transparent);display:block}.hh-bl-cb{display:flex;flex-direction:column;gap:6px;padding:14px 2px}.hh-bl-cb b{font-size:17px;font-weight:800;letter-spacing:-.01em}.hh-bl-cb span{font-size:14px;color:color-mix(in srgb,var(--tx) 60%,transparent);line-height:1.55}.hh-bl-more{color:var(--acc);font-weight:700;font-size:13.5px;margin-top:2px}
.hh-bl-grid.cards .hh-bl-c{border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:20px;overflow:hidden}.hh-bl-grid.cards .hh-bl-img{border-radius:0}.hh-bl-grid.cards .hh-bl-cb{padding:18px}
.hh-bl-list .hh-bl-rows{display:flex;flex-direction:column;gap:16px}.hh-bl-row{display:grid;grid-template-columns:180px 1fr auto;gap:20px;align-items:center;text-decoration:none;color:inherit;border-bottom:1px solid color-mix(in srgb,var(--tx) 8%,transparent);padding-bottom:16px}.hh-bl-row .hh-bl-img{aspect-ratio:16/10}.hh-bl-rb b{font-size:18px;font-weight:800;display:block}.hh-bl-rb span{font-size:14px;color:color-mix(in srgb,var(--tx) 60%,transparent)}.hh-bl-row>em{font-size:22px;color:var(--acc)}
.hh-bl-feat .hh-bl-featgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.hh-bl-big{display:flex;flex-direction:column;text-decoration:none;color:inherit}.hh-bl-big .hh-bl-img{aspect-ratio:16/11}.hh-bl-side{display:flex;flex-direction:column;gap:14px}.hh-bl-srow{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center;text-decoration:none;color:inherit}.hh-bl-img.sm{aspect-ratio:1;border-radius:12px}.hh-bl-srow b{font-size:15px;font-weight:700}
.hh-mqtrack.bl .hh-bl-c{width:300px;flex:none;margin-right:22px}
.hh-sb{max-width:760px;margin:0 auto;padding:22px 24px}.hh-sb-txt{font-size:14.5px;font-weight:700}.hh-sb-track{display:block;height:10px;border-radius:6px;background:color-mix(in srgb,var(--tx) 10%,transparent);overflow:hidden;margin-top:10px}.hh-sb-fill{display:block;height:100%;border-radius:6px;background:var(--acc);transition:width .5s ease}.hh-sb-track.thin{height:6px}
.hh-sb-bar{background:color-mix(in srgb,var(--acc) 7%,var(--bg));border:1px solid color-mix(in srgb,var(--acc) 20%,transparent);border-radius:14px;padding:16px 20px}
.hh-sb-glass{position:relative;overflow:hidden;border-radius:16px;padding:5px;background:color-mix(in srgb,var(--acc) 12%,var(--bg))}.hh-sb-in{position:relative;z-index:1;background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(12px);border-radius:12px;padding:16px 20px}
.hh-sb-grad{border-radius:14px;padding:16px 20px;background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 16%,var(--bg)),var(--bg))}.hh-sb-grad .hh-sb-fill{background:linear-gradient(90deg,var(--acc),color-mix(in srgb,var(--acc) 50%,#000))}
.hh-sb-min{text-align:center}.hh-sb-min .hh-sb-txt{font-weight:600;color:color-mix(in srgb,var(--tx) 70%,transparent)}
.hh-sb-pill .hh-sb-pillin{display:flex;align-items:center;gap:14px;background:var(--tx);color:var(--bg);border-radius:999px;padding:12px 22px}.hh-sb-pill .hh-sb-txt{white-space:nowrap}.hh-sb-pill .hh-sb-track{flex:1;margin-top:0;background:rgba(255,255,255,.2)}.hh-sb-pill .hh-sb-fill{background:var(--bg)}.hh-sb-ico{font-size:18px}
.hh-mp{max-width:var(--wrap);margin:0 auto;padding:52px 24px}.hh-mp-map{border-radius:20px;overflow:hidden;min-height:340px;position:relative}.hh-mp-frame{width:100%;height:100%;min-height:340px;border:0;display:block}.hh-mp-ph{width:100%;min-height:340px;display:grid;place-items:center;background:color-mix(in srgb,var(--acc) 10%,transparent);font-size:52px}.hh-mp-info h2{font-size:clamp(24px,2.6vw,34px);font-weight:800;letter-spacing:-.02em}.hh-mp-info p{color:color-mix(in srgb,var(--tx) 62%,transparent);margin-top:10px;line-height:1.6}.hh-mp-info .hh-btn{margin-top:18px}
.hh-mp-split{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:center}
.hh-mp-full{position:relative}.hh-mp-full .hh-mp-ph,.hh-mp-full .hh-mp-frame{min-height:460px;border-radius:24px}.hh-mp-card{position:absolute;top:32px;left:32px;background:var(--bg);border-radius:20px;padding:30px;max-width:340px;box-shadow:0 30px 70px -34px color-mix(in srgb,var(--tx) 44%,transparent)}
.hh-mp-card2 .hh-mp-cardin{border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:24px;overflow:hidden}.hh-mp-card2 .hh-mp-map{border-radius:0}.hh-mp-card2 .hh-mp-info{padding:30px}
.hh-mp-min{text-align:center}.hh-mp-min .hh-mp-map.slim{max-width:900px;margin:24px auto 0;min-height:300px}.hh-mp-min .hh-mp-ph,.hh-mp-min .hh-mp-frame{min-height:300px}
.hh-mp-dark{display:grid;grid-template-columns:1.3fr 1fr;gap:0;background:#111219;border-radius:24px;overflow:hidden;align-items:stretch}.hh-mp-dark .hh-mp-map{border-radius:0;min-height:380px}.hh-mp-dark .hh-mp-info{padding:44px;display:flex;flex-direction:column;justify-content:center}
.hh-ct{max-width:var(--wrap);margin:0 auto;padding:52px 24px}.hh-ct-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:20px}.hh-ct-c{display:flex;flex-direction:column;gap:5px}.hh-ct-ic{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--acc);display:grid;place-items:center;font-size:19px;margin-bottom:6px}.hh-ct-c b{font-size:15px;font-weight:800}.hh-ct-c>span:last-child{font-size:14.5px;color:color-mix(in srgb,var(--tx) 64%,transparent)}
.hh-ct-cards .hh-ct-c{border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:18px;padding:24px}
.hh-ct-split{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}.hh-ct-split .hh-ct-l h2{font-size:clamp(24px,2.8vw,36px);font-weight:800;letter-spacing:-.02em}.hh-ct-grid.col{grid-template-columns:1fr}.hh-ct-grid.col .hh-ct-c{flex-direction:row;align-items:center;gap:16px;border-bottom:1px solid color-mix(in srgb,var(--tx) 8%,transparent);padding-bottom:14px}.hh-ct-grid.col .hh-ct-ic{margin-bottom:0;flex:none}
.hh-ct-boxed .hh-ct-box{border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:24px;padding:44px;background:color-mix(in srgb,var(--acc) 4%,var(--bg))}
.hh-ct-min{text-align:center}.hh-ct-inline{display:flex;flex-wrap:wrap;justify-content:center;gap:26px;margin-top:14px}.hh-ct-inline span{font-size:15px;color:color-mix(in srgb,var(--tx) 72%,transparent)}.hh-ct-inline i{font-style:normal;color:var(--acc)}
@media(max-width:860px){.hh-bn-split,.hh-bn-card .hh-bn-cardin,.hh-vid-split,.hh-bl-grid,.hh-bl-feat .hh-bl-featgrid,.hh-bl-row,.hh-mp-split,.hh-mp-dark,.hh-ct-split,.hh-ct-grid{grid-template-columns:1fr}.hh-bl-grid{grid-template-columns:1fr 1fr}.hh-mp-full .hh-mp-card{position:static;max-width:none;margin-top:16px}}
/* ===== HH Oleada 8 (bundle, slideshow, herovideo, lookbook, instagram, hotspots, beforeafter) ===== */
.hh-eye{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
/* bundle */
.hh-bd{max-width:var(--wrap);margin:0 auto;padding:52px 24px}.hh-bd .hh-h2{margin-bottom:26px}.hh-bd-img{width:96px;height:96px;border-radius:16px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 10%,transparent)}.hh-bd-img.sm{width:56px;height:56px;border-radius:12px}.hh-bd-pr{font-weight:800;color:var(--acc);font-size:14px}
.hh-bd-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.hh-bd-p{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.hh-bd-p b{font-size:13.5px;font-weight:700;max-width:120px}.hh-bd-plus,.hh-bd-eq{font-size:26px;font-weight:300;color:color-mix(in srgb,var(--tx) 40%,transparent)}
.hh-bd-cta{display:flex;flex-direction:column;align-items:center;gap:4px;margin-left:8px}.hh-bd-old{text-decoration:line-through;color:color-mix(in srgb,var(--tx) 45%,transparent);font-size:15px}.hh-bd-total{font-size:32px;font-weight:800;letter-spacing:-.02em;color:var(--acc)}.hh-bd-save{font-size:12px;font-weight:800;color:#1f9d55;background:color-mix(in srgb,#1f9d55 12%,transparent);padding:3px 10px;border-radius:999px}.hh-bd-cta .hh-btn{margin-top:10px}
.hh-bd-row2 .hh-bd-row{border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:22px;padding:30px}
.hh-bd-cards .hh-bd-cardgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:16px;margin-bottom:24px}.hh-bd-card{position:relative;border:1.5px solid color-mix(in srgb,var(--acc) 30%,transparent);border-radius:18px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;cursor:pointer}.hh-bd-check{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-size:12px}.hh-bd-card .hh-bd-img{width:100%;height:auto;aspect-ratio:1}.hh-bd-cards .hh-bd-cta{align-items:center}
.hh-bd-dark,.hh-bd-grad{border-radius:26px;padding:44px}.hh-bd-dark{background:#14151d}.hh-bd-grad{background:linear-gradient(120deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000))}.hh-bd-dark .hh-bd-p b,.hh-bd-grad .hh-bd-p b{color:#fff}.hh-bd-dark .hh-bd-plus,.hh-bd-dark .hh-bd-eq,.hh-bd-grad .hh-bd-plus,.hh-bd-grad .hh-bd-eq{color:rgba(255,255,255,.6)}.hh-bd-dark .hh-bd-total,.hh-bd-grad .hh-bd-total{color:#fff}.hh-bd-dark .hh-bd-pr,.hh-bd-grad .hh-bd-pr{color:#fff}
.hh-bd-stacked .hh-bd-stack{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:22px;padding:28px}.hh-bd-list{display:flex;flex-direction:column;gap:14px}.hh-bd-li{display:flex;align-items:center;gap:14px}.hh-bd-li b{flex:1;font-size:15px;font-weight:700}
/* slideshow */
.hh-ss{max-width:var(--wrap);margin:0 auto;padding:24px}.hh-ss-slide{position:relative;min-height:460px;border-radius:24px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:center;padding:56px}.hh-ss-sc{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.1))}.hh-ss-in{position:relative;z-index:1;max-width:540px}.hh-ss-in h1{color:#fff;font-size:clamp(30px,4.4vw,54px);font-weight:800;letter-spacing:-.03em;line-height:1.05}.hh-ss-in p{color:rgba(255,255,255,.9);margin-top:14px;font-size:17px}.hh-ss-in .hh-btn{margin-top:22px}
.hh-ss-dots{display:flex;gap:8px;justify-content:center;margin-top:16px}.hh-ss-dots span{width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--tx) 22%,transparent)}.hh-ss-dots span.on{background:var(--acc);width:26px;border-radius:5px}
.hh-ss-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px}.hh-ss-track.snap>*{scroll-snap-align:center;flex:0 0 100%}.hh-ss-track::-webkit-scrollbar{height:0}
.hh-ss-cards .hh-ss-cardslide{flex:0 0 86%;scroll-snap-align:center;display:grid;grid-template-columns:1.1fr 1fr;border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:22px;overflow:hidden}.hh-ss-cardimg{background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 12%,transparent);min-height:300px}.hh-ss-cardtx{padding:38px;display:flex;flex-direction:column;justify-content:center}.hh-ss-cardtx h2{font-size:clamp(22px,2.6vw,34px);font-weight:800;letter-spacing:-.02em}.hh-ss-cardtx p{color:color-mix(in srgb,var(--tx) 62%,transparent);margin:10px 0 16px}
.hh-ss-minimal{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;min-height:380px}.hh-ss-minin h1{font-size:clamp(30px,4vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.05}.hh-ss-minin p{color:color-mix(in srgb,var(--tx) 62%,transparent);margin:14px 0 20px;font-size:17px}.hh-ss-thumbs{display:flex;flex-direction:column;gap:12px}.hh-ss-thumb{width:120px;height:80px;border-radius:12px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 10%,transparent);opacity:.5}.hh-ss-thumb.on{opacity:1;outline:2px solid var(--acc);outline-offset:2px}
.hh-ss-split{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:440px;border-radius:24px;overflow:hidden;border:1px solid color-mix(in srgb,var(--tx) 8%,transparent)}.hh-ss-splittx{padding:56px;display:flex;flex-direction:column;justify-content:center}.hh-ss-splittx h1{font-size:clamp(28px,3.6vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.05}.hh-ss-splittx p{color:color-mix(in srgb,var(--tx) 62%,transparent);margin:14px 0 20px}.hh-ss-splittx .hh-ss-dots{justify-content:flex-start;margin-top:24px}.hh-ss-splitimg{background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 12%,transparent)}
/* herovideo */
.hh-hv{max-width:var(--wrap);margin:0 auto;padding:24px}.hh-hv-vid{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;pointer-events:none}
.hh-hv-cover,.hh-hv-grad,.hh-hv-min{position:relative;min-height:520px;border-radius:26px;overflow:hidden;display:flex;align-items:center;padding:60px}.hh-hv-bg{position:absolute;inset:0;overflow:hidden;background:#0d0e14}.hh-hv-ov{position:absolute;inset:0;background:rgba(0,0,0,.42)}.hh-hv-ov.soft{background:rgba(0,0,0,.28)}.hh-hv-gov{position:absolute;inset:0;background:linear-gradient(120deg,color-mix(in srgb,var(--acc) 72%,transparent),rgba(0,0,0,.5))}.hh-hv-in{position:relative;z-index:1;max-width:600px;margin:0 auto;text-align:center}.hh-hv-cover .hh-hv-in,.hh-hv-grad .hh-hv-in,.hh-hv-min .hh-hv-in{color:#fff}.hh-hv-in h1{color:#fff;font-size:clamp(32px,5vw,64px);font-weight:800;letter-spacing:-.03em;line-height:1.02}.hh-hv-in p{color:rgba(255,255,255,.9);margin-top:16px;font-size:18px}.hh-hv-in .hh-btn{margin-top:24px}
.hh-hv-vwrap{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#0d0e14}.hh-hv-vwrap.framed{border:1px solid color-mix(in srgb,var(--tx) 12%,transparent);aspect-ratio:16/10}
.hh-hv-split{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center;padding:36px 24px}.hh-hv-splittx h1{font-size:clamp(28px,3.6vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.05}.hh-hv-splittx p{color:color-mix(in srgb,var(--tx) 62%,transparent);margin:14px 0 20px;font-size:17px}
.hh-hv-boxed{text-align:center;padding:52px 24px}.hh-hv-boxtx{max-width:640px;margin:0 auto 30px}.hh-hv-boxtx h1{font-size:clamp(30px,4.2vw,56px);font-weight:800;letter-spacing:-.03em}.hh-hv-boxtx p{color:color-mix(in srgb,var(--tx) 62%,transparent);margin-top:14px;font-size:18px}
/* lookbook */
.hh-lk{max-width:var(--wrap);margin:0 auto;padding:24px}.hh-lk-img{position:relative;min-height:460px;border-radius:24px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 12%,transparent);display:flex;align-items:flex-end;padding:34px}.hh-lk-cap{background:var(--bg);border-radius:16px;padding:22px 26px;max-width:340px;box-shadow:0 20px 50px -26px color-mix(in srgb,var(--tx) 40%,transparent)}.hh-lk-cap p{color:color-mix(in srgb,var(--tx) 64%,transparent);margin:8px 0 0;font-size:14.5px}.hh-lk-cap.light{background:transparent;box-shadow:none;color:#fff}.hh-lk-cap.light p{color:rgba(255,255,255,.9)}
.hh-lk-split{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:stretch}.hh-lk-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}
.hh-lk-p{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}.hh-lk-pimg{aspect-ratio:1;border-radius:14px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 9%,transparent)}.hh-lk-pt{font-size:14px;font-weight:700;margin-top:4px}.hh-lk-pp{font-size:13.5px;color:var(--acc);font-weight:800}
.hh-lk-strip .hh-lk-stripe{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:16px;margin-top:18px}
.hh-lk-overlay{position:relative;min-height:520px;border-radius:26px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:center;padding:52px}.hh-lk-sc{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.1))}.hh-lk-ovin{position:relative;z-index:1;max-width:560px}.hh-lk-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.hh-lk-chip{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.95);border-radius:14px;padding:8px 14px 8px 8px;text-decoration:none;color:#15161c}.hh-lk-chip span{width:44px;height:44px;border-radius:10px;background-size:cover;background-position:center;background-color:#eee;flex:none}.hh-lk-chip b{font-size:13.5px}.hh-lk-chip em{font-style:normal;color:var(--acc);font-weight:800;font-size:13px;margin-left:2px}
.hh-lk-cards .hh-lk-hero{position:relative;min-height:320px;border-radius:22px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 12%,transparent);display:flex;align-items:flex-end;padding:30px;margin-bottom:20px}.hh-lk-cardgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:18px}.hh-lk-c{display:block;text-decoration:none;color:inherit}/* El envoltorio y la foto TIENEN que ser de bloque: eran <span> en linea, y un elemento
   en linea con aspect-ratio y sin contenido mide 0x0. La foto estaba en el HTML y no se
   veia ni en el editor ni en la tienda. */
.hh-lk-cimg{display:block;width:100%;aspect-ratio:1;border-radius:16px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 9%,transparent)}.hh-lk-cb{display:flex;flex-direction:column;gap:2px;padding:12px 2px}.hh-lk-cb b{font-size:14.5px;font-weight:700}.hh-lk-cb span{font-size:13.5px;color:var(--acc);font-weight:800}
.hh-lk-editorial{display:grid;grid-template-columns:1fr 1.4fr;grid-template-areas:"tx img" "strip strip";gap:26px}.hh-lk-edtx{grid-area:tx;display:flex;align-items:center}.hh-lk-edimg{grid-area:img;min-height:420px;border-radius:24px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 12%,transparent)}.hh-lk-edstrip{grid-area:strip;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:16px}.hh-lk-editorial .hh-lk-cap{box-shadow:none;background:transparent;padding:0;max-width:none}
/* instagram */
.hh-ig{max-width:var(--wrap);margin:0 auto;padding:52px 24px}.hh-ig-head{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:24px;text-align:center}.hh-ig-handle{color:var(--acc);font-weight:700;text-decoration:none;font-size:15px}
.hh-ig-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(155px,100%),1fr));gap:10px}.hh-ig-c{position:relative;aspect-ratio:1;border-radius:12px;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 10%,transparent);display:block;overflow:hidden}.hh-ig-ov{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.35);color:#fff;font-size:24px;opacity:0;transition:opacity .2s}.hh-ig-c:hover .hh-ig-ov{opacity:1}
.hh-ig-masonry{columns:4;column-gap:10px}.hh-ig-masonry .hh-ig-c{width:100%;margin-bottom:10px;aspect-ratio:1;break-inside:avoid;display:inline-block}.hh-ig-masonry .hh-ig-c.tall{aspect-ratio:1/1.5}
.hh-mqtrack.ig .hh-ig-c{width:220px;height:220px;flex:none;margin-right:12px}
.hh-ig-strip .hh-ig-stripe{display:grid;grid-auto-flow:column;grid-auto-columns:200px;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.hh-ig-strip .hh-ig-c{scroll-snap-align:start}
.hh-ig-framed .hh-ig-framebox{border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:24px;padding:30px;background:color-mix(in srgb,var(--acc) 4%,var(--bg))}
/* hotspots */
.hh-hs{max-width:var(--wrap);margin:0 auto;padding:52px 24px}.hh-hs .hh-h2{margin-bottom:22px;text-align:center}.hh-hs-img{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:16/9;background:color-mix(in srgb,var(--acc) 10%,transparent);background-size:cover;background-position:center}
.hh-hs-dot{position:absolute;transform:translate(-50%,-50%);cursor:pointer}.hh-hs-pin{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--acc);font-weight:800;font-size:13px;box-shadow:0 4px 14px rgba(0,0,0,.28);border:2px solid var(--acc)}.hh-hs-dot.mini .hh-hs-pin,.hh-hs-dot.mini::before{display:none}.hh-hs-dot.mini{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--acc);box-shadow:0 3px 10px rgba(0,0,0,.3)}
.hh-hs-tip{position:absolute;bottom:130%;left:50%;transform:translateX(-50%) translateY(6px);background:var(--tx);color:var(--bg);border-radius:12px;padding:10px 14px;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s;display:flex;flex-direction:column;gap:2px;z-index:3}.hh-hs-tip b{font-size:13px}.hh-hs-tip span{font-size:12px;color:color-mix(in srgb,var(--bg) 75%,var(--acc))}.hh-hs-dot:hover .hh-hs-tip{opacity:1;transform:translateX(-50%) translateY(0)}
.hh-hs-list .hh-hs-two{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center}.hh-hs-legend{display:flex;flex-direction:column;gap:12px}.hh-hs-lrow{display:flex;align-items:center;gap:14px;border-bottom:1px solid color-mix(in srgb,var(--tx) 8%,transparent);padding-bottom:12px}.hh-hs-lnum{width:26px;height:26px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}.hh-hs-lrow b{flex:1;font-size:15px;font-weight:700}.hh-hs-lrow span{color:var(--acc);font-weight:800;font-size:14px}
.hh-hs-card .hh-hs-cardin{border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:24px;padding:24px}.hh-hs-dark{background:#111219;border-radius:24px;padding:40px}
/* beforeafter */
.hh-ba{max-width:var(--wrap);margin:0 auto;padding:52px 24px}.hh-ba .hh-h2{margin-bottom:22px;text-align:center}.hh-ba-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hh-ba-c{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background-size:cover;background-position:center;background-color:color-mix(in srgb,var(--acc) 10%,transparent)}.hh-ba-lab{position:absolute;top:14px;left:14px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px}.hh-ba-lab.after{background:var(--acc)}
.hh-ba-stacked .hh-ba-col{display:flex;flex-direction:column;gap:14px;max-width:640px;margin:0 auto}.hh-ba-stacked .hh-ba-c{aspect-ratio:16/9}
.hh-ba-card .hh-ba-cardin{border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:24px;padding:22px}
.hh-ba-labeled .hh-ba-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.hh-ba-c.big{aspect-ratio:1}.hh-ba-arrow{font-size:34px;color:var(--acc);font-weight:300}.hh-ba-tag{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.94);color:#15161c;font-size:12px;font-weight:800;padding:6px 16px;border-radius:999px}.hh-ba-tag.on{background:var(--acc);color:#fff}
.hh-ba-hover .hh-ba-reveal{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;cursor:ew-resize;max-width:820px;margin:0 auto}.hh-ba-after,.hh-ba-before{position:absolute;inset:0;background-size:cover;background-position:center}.hh-ba-before{width:55%;overflow:hidden;border-right:3px solid #fff;transition:width .12s linear}.hh-ba-hover .hh-ba-reveal:hover .hh-ba-before{width:22%}.hh-ba-handle{position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.35);z-index:2;transition:left .12s linear}.hh-ba-hover .hh-ba-reveal:hover .hh-ba-handle{left:22%}.hh-ba-hover .hh-ba-lab{z-index:1}
@media(max-width:860px){.hh-bd-cards .hh-bd-cardgrid,.hh-ss-minimal,.hh-ss-split,.hh-hv-split,.hh-lk-split,.hh-lk-cardgrid,.hh-lk-edstrip,.hh-lk-strip .hh-lk-stripe,.hh-hs-list .hh-hs-two,.hh-ba-row{grid-template-columns:1fr}.hh-lk-editorial{grid-template-columns:1fr;grid-template-areas:"tx" "img" "strip"}.hh-ig-grid{grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr))}.hh-ig-masonry{columns:2}.hh-bd-stacked .hh-bd-stack{grid-template-columns:1fr}.hh-ba-labeled .hh-ba-row{grid-template-columns:1fr;justify-items:center}.hh-ba-arrow{transform:rotate(90deg)}}
/* ===== Firma glass inconfundible (diferenciación agresiva) ===== */
[class~="st-glass"],[class~="v-glass"],.hyp-urgs.st-glass,.hyp-trust.ts-glass{position:relative;isolation:isolate}
[class~="st-glass"]::after,[class~="v-glass"]::after,.hyp-urgs.st-glass::after,.hyp-trust.ts-glass::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;background:radial-gradient(120% 65% at 12% -12%,color-mix(in srgb,var(--acc) 22%,transparent),transparent 58%),radial-gradient(90% 55% at 100% 115%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 60%);opacity:.72}
[class~="st-glass"]>*,[class~="v-glass"]>*,.hyp-urgs.st-glass>*,.hyp-trust.ts-glass>*{position:relative;z-index:1}
/* refuerzo de translucidez + sheen en el elemento glass real */
[class~="st-glass"] [class*="-i"],[class~="st-glass"] [class*="-card"],[class~="st-glass"] [class*="-row"],[class~="st-glass"] [class*="-c"],[class~="v-glass"] .hh-tc,[class~="v-glass"] .hh-minc{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 40%,transparent)}
/* ===== HH Oleada 9 (estilos de diseño para categories, collist, tabs nativos) ===== */
/* categories */
.hyh-cats.v-grid .hyh-cat,.hyh-cats.v-circle .hyh-cat,.hyh-cats.v-cards .hyh-cat{aspect-ratio:auto;overflow:visible;border-radius:0}
.hyh-cats.v-grid .hyh-catimg,.hyh-cats.v-circle .hyh-catimg,.hyh-cats.v-cards .hyh-catimg{position:relative;inset:auto}
.hyh-cats.v-grid .hyh-catname,.hyh-cats.v-circle .hyh-catname,.hyh-cats.v-cards .hyh-catname{position:static;background:none;color:var(--tx)}
.hyh-cats.v-grid .hyh-catimg{aspect-ratio:1;border-radius:16px}.hyh-cats.v-grid .hyh-catname{padding:12px 2px 0;text-align:center}
.hyh-cats.v-circle .hyh-catgrid{grid-template-columns:repeat(auto-fit,minmax(min(155px,100%),1fr))}.hyh-cats.v-circle .hyh-catimg{aspect-ratio:1;border-radius:50%}.hyh-cats.v-circle .hyh-catname{padding:12px 0 0;text-align:center;font-size:14px}
.hyh-cats.v-cards .hyh-cat{border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:16px;overflow:hidden}.hyh-cats.v-cards .hyh-catimg{aspect-ratio:4/3}.hyh-cats.v-cards .hyh-catname{padding:14px}
.hyh-cats.v-masonry .hyh-catgrid{grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));grid-auto-rows:10px}.hyh-cats.v-masonry .hyh-cat{aspect-ratio:auto;grid-row:span 24}.hyh-cats.v-masonry .hyh-cat:nth-child(4n+1){grid-row:span 32}.hyh-cats.v-masonry .hyh-cat:nth-child(3n){grid-row:span 28}
/* collist */
.hyh-collist.v-cards .hyh-collc{aspect-ratio:auto;border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:18px;overflow:hidden}.hyh-collist.v-cards .hyh-collimg{position:relative;inset:auto;aspect-ratio:16/10}.hyh-collist.v-cards .hyh-collname{position:static;background:none;color:var(--tx);padding:16px}.hyh-collist.v-cards .hyh-collname em{color:var(--acc);font-style:normal;display:block;font-size:13px;margin-top:2px}
.hyh-collist.v-minimal .hyh-collist-row{grid-template-columns:1fr;gap:0}.hyh-collist.v-minimal .hyh-collc{aspect-ratio:auto;display:grid;grid-template-columns:84px 1fr;gap:18px;align-items:center;border-radius:0;border-bottom:1px solid color-mix(in srgb,var(--tx) 8%,transparent);padding:14px 0}.hyh-collist.v-minimal .hyh-collimg{position:relative;inset:auto;width:84px;height:84px;border-radius:14px}.hyh-collist.v-minimal .hyh-collname{position:static;background:none;color:var(--tx);padding:0;font-size:19px}.hyh-collist.v-minimal .hyh-collname em{color:var(--acc);font-style:normal;display:block;font-size:13px}
.hyh-collist.v-split .hyh-collist-row{grid-template-columns:1fr 1fr}.hyh-collist.v-split .hyh-collc{aspect-ratio:21/9}
.hyh-collist.v-editorial .hyh-collist-row{grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr))}.hyh-collist.v-editorial .hyh-collc:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
/* tabs */
.hyh-tabs.v-pills,.hyh-tabs.v-boxed,.hyh-tabs.v-segmented,.hyh-tabs.v-underline,.hyh-tabs.v-minimal{justify-content:center}
.hyh-tabs.v-underline .hyh-tab{border:0;border-radius:0;background:none;border-bottom:2px solid transparent;padding:8px 6px;opacity:.6}.hyh-tabs.v-underline .hyh-tab.on{background:none;color:var(--acc);opacity:1;border-bottom-color:var(--acc)}
.hyh-tabs.v-boxed .hyh-tab{border-radius:10px;border:1px solid color-mix(in srgb,var(--tx) 12%,transparent)}.hyh-tabs.v-boxed .hyh-tab.on{background:var(--acc);color:#fff;border-color:var(--acc)}
.hyh-tabs.v-segmented{gap:0}.hyh-tabs.v-segmented .hyh-tab{border-radius:0;border:1px solid color-mix(in srgb,var(--tx) 14%,transparent);border-right:0;opacity:.7}.hyh-tabs.v-segmented .hyh-tab:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.hyh-tabs.v-segmented .hyh-tab:last-child{border-right:1px solid color-mix(in srgb,var(--tx) 14%,transparent);border-top-right-radius:10px;border-bottom-right-radius:10px}.hyh-tabs.v-segmented .hyh-tab.on{background:var(--acc);color:#fff;border-color:var(--acc);opacity:1}
.hyh-tabs.v-minimal .hyh-tab{border:0;background:none;border-radius:0;padding:8px 12px;opacity:.5;font-size:14px}.hyh-tabs.v-minimal .hyh-tab.on{background:none;color:var(--acc);opacity:1}
@media(max-width:860px){.hyh-cats.v-circle .hyh-catgrid{grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr))}.hyh-collist.v-split .hyh-collist-row,.hyh-collist.v-editorial .hyh-collist-row{grid-template-columns:1fr 1fr}}
    .hyh-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
    .hyh-hero,.hyh-hsimg,.hyh-bimg,.hyh-full,.hyh-splitc,.hyh-look-img,.hyh-itimg,.hyh-promoc,.hyh-deal-img{position:relative;overflow:hidden}
    .hyh-hero>div{position:relative;z-index:2} .hyh-full::before{z-index:1} .hyh-full-in{z-index:2} .hyh-splitlab{position:relative;z-index:2} .hyh-promo-in{z-index:2} .hyh-look-cap{z-index:2}
    .hyh-w[data-tgap] h1,.hyh-w[data-tgap] h2{margin-bottom:var(--tgap)!important}
    .hyh-hero.v-left{place-items:center start;text-align:left} .hyh-hero.v-left>div{align-items:flex-start;display:flex;flex-direction:column}
    .hyh-hero.v-minimal{min-height:auto!important;padding:34px 20px} .hyh-hero.v-minimal h1{font-size:28px}
    .hyh-tst.v-list .hyh-tstgrid{grid-template-columns:1fr;max-width:var(--wrap);margin:0 auto}
    .hyh-tst.v-slider .hyh-tstgrid{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory} .hyh-tst.v-slider .hyh-tstc{flex:0 0 320px;scroll-snap-align:start}
    .hyh-stats.v-cards .hyh-stat{border:1px solid #15161c14;border-radius:14px;padding:22px 12px}
    .hyh-stats.v-divide .hyh-stat{border-right:1px solid #15161c12} .hyh-stats.v-divide .hyh-stat:last-child{border-right:0}
    .hyh-feats.v-list .hyh-featgrid{grid-template-columns:1fr;max-width:var(--wrap);margin:0 auto;gap:14px} .hyh-feats.v-list .hyh-featc{flex-direction:row;text-align:left;align-items:flex-start;gap:14px} .hyh-feats.v-list .hyh-featc span{max-width:none}
    .hyh-feats.v-boxed .hyh-featc{border:1px solid #15161c14;border-radius:16px;padding:24px 18px}
    .hyh-gal.v-uniform .hyh-galgrid{grid-auto-rows:auto} .hyh-gal.v-uniform .hyh-galc{aspect-ratio:1/1} .hyh-gal.v-uniform .hyh-galc.big{grid-column:auto;grid-row:auto}
    .hyh-gal.v-carousel .hyh-galgrid{display:flex;overflow-x:auto;grid-template-columns:none;gap:10px} .hyh-gal.v-carousel .hyh-galc{flex:0 0 260px;aspect-ratio:1/1}
    .hyh-usps.v-cards .hyh-usp{border:1px solid #15161c14;border-radius:16px;padding:22px 18px}
    .hb-variant{margin-bottom:12px}
    h1,h2{color:inherit}
    .hyh-btn{display:inline-block;background:#6c5ce7;color:#fff;padding:12px 22px;border-radius:10px;font-weight:700;text-decoration:none} .hyh-btn.light{background:#fff;color:#6c5ce7} .hyh-btn.sm{padding:8px 15px;font-size:13px}
    .hyh-hero{display:grid;place-items:center;text-align:center;background-size:cover;background-position:center;padding:56px 20px} .hyh-hero h1{font-size:36px;margin:0 0 10px} .hyh-hero p{font-size:16px;margin:0 0 18px;opacity:.88}
    .hyh-rich{max-width:var(--wrap);margin:0 auto;padding:46px 20px} .hyh-rich h2{font-size:26px;margin:0 0 12px} .hyh-rich p{font-size:15px;opacity:.72;line-height:1.6;margin:0}
    .hyh-prods{max-width:var(--wrap);margin:0 auto;padding:38px 20px} .hyh-prods h2{font-size:22px;margin:0 0 20px}
    .hyh-grid{display:grid;gap:18px}
    .hyh-card{text-decoration:none;color:inherit} .hyh-imgwrap{position:relative;display:block} .hyh-img{display:block;aspect-ratio:1/1;border-radius:12px;background:#f0f0f4 linear-gradient(135deg,#6c5ce718,#6c5ce706);background-size:cover;background-position:center}
    .hyh-badge{position:absolute;top:10px;left:10px;background:#111318;color:#fff;font-size:11px;font-weight:800;padding:4px 9px;border-radius:20px;z-index:2;max-width:calc(100% - 20px)} .hyh-badge.sale{background:#6c5ce7}
    .hyh-badge.alt{background:#1f9d55;left:auto;right:10px;top:10px} .hyh-badge.sale.corner{border-radius:0 0 10px 0;left:0;top:0;padding:5px 11px} .hyh-badge.sale.ribbon{left:-30px;top:14px;transform:rotate(-45deg);width:120px;text-align:center;border-radius:0;padding:4px 0}
    .hyh-shipt{display:inline-block;margin-top:6px;font-size:11px;font-weight:800;color:#1f9d55}
    .hyh-stars{display:block;color:#d18700;font-size:12.5px;margin-top:9px} .hyh-stars em{opacity:.6;font-style:normal;font-size:11px}
    .hyh-t{display:block;font-size:13.5px;margin-top:6px;overflow-wrap:anywhere} .hyh-prices{display:flex;align-items:center;gap:8px;margin-top:3px;flex-wrap:wrap} .hyh-p{font-size:14px;font-weight:800} .hyh-old{font-size:12.5px;opacity:.5;text-decoration:line-through}
    .hyh-urg{display:inline-block;margin-top:7px;font-size:11.5px;font-weight:700;color:#c0343d;background:#c0343d12;padding:3px 8px;border-radius:6px;max-width:100%;overflow-wrap:anywhere}
    .hyh-card,.hyh-card *{min-width:0} .hyh-card.ov .hyh-imgwrap,.hyh-card.ed .hyh-imgwrap,.hyh-card.mn .hyh-imgwrap{min-width:auto}
    .hyh-card.bd{border:1px solid #15161c18;border-radius:14px;padding:12px;transition:box-shadow .15s,transform .15s} .hyh-card.bd:hover{box-shadow:0 10px 26px rgba(20,22,40,.09);transform:translateY(-2px)} .hyh-card.bd .hyh-body{display:block;padding-top:8px} .hyh-add{display:block;margin-top:10px;text-align:center;background:#6c5ce7;color:#fff;font-weight:700;font-size:12.5px;padding:9px;border-radius:9px}
    .hyh-card.ov .hyh-imgwrap{border-radius:14px;overflow:hidden} .hyh-card.ov .hyh-img{aspect-ratio:3/4;border-radius:0} .hyh-ovinfo{position:absolute;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(transparent,rgba(0,0,0,.72))} .hyh-card.ov .hyh-t,.hyh-card.ov .hyh-p{color:#fff;margin-top:0} .hyh-card.ov .hyh-prices{margin-top:2px} .hyh-card.ov .hyh-old{color:#e6e6ee}
    .hyh-card.mn .hyh-t{font-weight:600}
    .hyh-card.cp{display:flex;gap:12px;align-items:center;border:1px solid #15161c12;border-radius:14px;padding:10px} .hyh-card.cp .hyh-imgwrap{width:38%;flex:none} .hyh-card.cp .hyh-body{flex:1;min-width:0} .hyh-card.cp .hyh-t{margin-top:0}
    .hyh-card.ed{text-align:center} .hyh-card.ed .hyh-img{aspect-ratio:4/5} .hyh-card.ed .hyh-t{margin-top:10px;font-weight:600;letter-spacing:.02em} .hyh-card.ed .hyh-prices{justify-content:center}
    .hyh-feat{display:grid;grid-template-columns:1fr 1fr;max-width:var(--wrap);margin:26px auto;border:1px solid #15161c14;border-radius:20px;overflow:hidden} .hyh-feat-img{position:relative;min-height:420px;background:linear-gradient(135deg,#6c5ce722,#6c5ce708);background-size:cover;background-position:center} .hyh-feat-info{padding:44px;display:flex;flex-direction:column;justify-content:center;gap:12px;align-items:flex-start} .hyh-eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6c5ce7} .hyh-feat-info h2{font-size:30px;margin:0} .hyh-feat-info p{font-size:15px;opacity:.72;line-height:1.55;margin:0} .hyh-feat-prices{display:flex;align-items:center;gap:10px} .hyh-feat-prices .hyh-p{font-size:26px} .hyh-urg.big{font-size:13px;margin-top:0}
    .hyh-bundle{max-width:var(--wrap);margin:26px auto;padding:30px 20px;text-align:center} .hyh-bundle h2{font-size:22px;margin:0 0 24px} .hyh-bundle-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap} .hyh-bp{width:132px} .hyh-bp-img{display:block;aspect-ratio:1/1;border-radius:12px;background:#f0f0f4 linear-gradient(135deg,#6c5ce718,#6c5ce706);background-size:cover;background-position:center} .hyh-bp-t{display:block;font-size:12px;margin-top:8px;opacity:.7} .hyh-bp-pr{display:block;font-weight:800;font-size:13px} .hyh-plus,.hyh-eq{font-size:24px;font-weight:800;opacity:.4} .hyh-bundle-cta{border:1.5px dashed #6c5ce766;border-radius:16px;padding:18px 22px;display:flex;flex-direction:column;gap:3px;align-items:center} .hyh-bundle-old{font-size:13px;opacity:.5;text-decoration:line-through} .hyh-bundle-total{font-size:26px;font-weight:800;color:#6c5ce7} .hyh-bundle-save{font-size:12px;font-weight:800;color:#1f9d55;margin-bottom:8px}
    .hyh-promo{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:var(--wrap);margin:0 auto;padding:26px 20px} .hyh-promoc{position:relative;display:block;min-height:260px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#6c5ce72a,#6c5ce70a);background-size:cover;background-position:center;text-decoration:none} .hyh-promo-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:8px;padding:26px;background:linear-gradient(transparent,rgba(0,0,0,.5));color:#fff} .hyh-promo-in b{font-size:22px} .hyh-promo-in span{font-size:13px;opacity:.92}
    .hyh-banner{display:grid;grid-template-columns:1fr 1fr;max-width:var(--wrap);margin:0 auto} .hyh-banner.rev .hyh-bimg{order:2} .hyh-bimg{min-height:320px;background:linear-gradient(135deg,#6c5ce722,#6c5ce708);background-size:cover;background-position:center}
    .hyh-btext{padding:44px;display:flex;flex-direction:column;justify-content:center} .hyh-btext h2{font-size:26px;margin:0 0 12px} .hyh-btext p{font-size:15px;opacity:.72;margin:0 0 18px;line-height:1.55}
    .hyh-gal{max-width:var(--wrap);margin:0 auto;padding:38px 20px} .hyh-gal h2{font-size:22px;margin:0 0 20px;text-align:center} .hyh-galgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));grid-auto-rows:180px;gap:10px} .hyh-galc{display:block;border-radius:12px;background:#f0f0f4 linear-gradient(135deg,#6c5ce720,#6c5ce708);background-size:cover;background-position:center} .hyh-galc.big{grid-column:span 2;grid-row:span 2}
    .hyh-logos{max-width:var(--wrap);margin:0 auto;padding:30px 20px;text-align:center} .hyh-logos-t{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.5;margin-bottom:16px} .hyh-logos-row{display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap} .hyh-logo{font-size:18px;font-weight:800;letter-spacing:.08em;opacity:.42}
    .hyh-usps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:20px;max-width:var(--wrap);margin:0 auto;padding:34px 20px} .hyh-usp{text-align:center} .hyh-usp b{display:block;font-size:15px;margin-bottom:6px} .hyh-usp span{font-size:13px;opacity:.62}
    .hyh-trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:16px;max-width:var(--wrap);margin:0 auto;padding:30px 20px} .hyh-trustc{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px} .hyh-trusti{width:46px;height:46px;border-radius:13px;background:#6c5ce712;color:#6c5ce7;display:grid;place-items:center} .hyh-trusti svg{width:22px;height:22px} .hyh-trustc b{font-size:14px} .hyh-trustc span{font-size:12.5px;opacity:.62}
    .hyh-cats{max-width:var(--wrap);margin:0 auto;padding:38px 20px} .hyh-cats h2{font-size:22px;margin:0 0 20px} .hyh-catgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:16px}
    .hyh-cat{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:3/4} .hyh-catimg{position:absolute;inset:0;background:linear-gradient(135deg,#6c5ce733,#6c5ce70d);background-size:cover;background-position:center} .hyh-catname{position:absolute;left:0;right:0;bottom:0;padding:14px;color:#fff;font-weight:800;font-size:15px;background:linear-gradient(transparent,rgba(0,0,0,.6))}
    .hyh-tst{max-width:var(--wrap);margin:0 auto;padding:38px 20px} .hyh-tst h2{font-size:22px;margin:0 0 20px;text-align:center} .hyh-tstgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:16px}
    .hyh-tstc{border:1px solid #15161c14;border-radius:14px;padding:20px} .hyh-stars5{color:#d18700;font-size:14px;margin-bottom:8px} .hyh-stars5 em{opacity:.55;font-style:normal;font-size:12px} .hyh-tstc p{font-size:14px;opacity:.78;line-height:1.55;margin:0 0 12px} .hyh-tstc b{font-size:13px}
    .hyh-faq{max-width:var(--wrap);margin:0 auto;padding:38px 20px} .hyh-faq h2{font-size:22px;margin:0 0 18px;text-align:center} .hyh-faqi{border:1px solid #15161c14;border-radius:12px;margin-bottom:10px;padding:2px 16px} .hyh-faqi summary{list-style:none;cursor:pointer;font-weight:700;font-size:14.5px;padding:14px 0;display:flex;justify-content:space-between;align-items:center;gap:12px} .hyh-faqi summary::-webkit-details-marker{display:none} .hyh-faqchev{transition:transform .2s;color:#6c5ce7;font-size:18px;flex:none} .hyh-faqi[open] .hyh-faqchev{transform:rotate(180deg)} .hyh-faqi p{margin:0 0 14px;font-size:14px;opacity:.72;line-height:1.6}
    .hyh-cd{color:#fff;padding:26px 20px} .hyh-cd-in{max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;text-align:center} .hyh-cd-in h2{margin:0;font-size:22px;color:#fff} .hyh-cd-in p{margin:4px 0 0;font-size:13px;opacity:.92} .hyh-cd-clock{font-size:26px;font-weight:800;letter-spacing:2px}
    .hyh-mq{overflow:hidden;padding:13px 0} .hyh-mq-in{white-space:nowrap} .hyh-mq-in span{display:inline-block;animation:hyhmq 20s linear infinite;font-weight:800;font-size:13px;letter-spacing:.06em} @keyframes hyhmq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    .hyh-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:20px;max-width:var(--wrap);margin:0 auto;padding:38px 20px;text-align:center} .hyh-stat b{display:block;font-size:34px;font-weight:800;color:#6c5ce7} .hyh-stat span{font-size:13px;opacity:.62}
    .hyh-nl{padding:46px 20px;background:#6c5ce70f} .hyh-nl-in{max-width:560px;margin:0 auto;text-align:center} .hyh-nl-in h2{font-size:24px;margin:0 0 8px} .hyh-nl-in p{font-size:14px;opacity:.72;margin:0 0 18px}
    .hyh-nlform{display:flex;gap:8px;justify-content:center;flex-wrap:wrap} .hyh-nlform input{flex:1;min-width:200px;padding:12px 14px;border:1px solid #d7dae1;border-radius:10px;font-size:14px} .hyh-nlform button{background:#6c5ce7;color:#fff;border:0;padding:12px 20px;border-radius:10px;font-weight:700}
    .empty{padding:60px 20px;text-align:center;opacity:.4;font-size:14px}
    .hyh-w.haspad{padding:2px 0} .hyh-w.sz-s{font-size:14px} .hyh-w.sz-l{font-size:17px} .hyh-w.sz-xl{font-size:19px} .hyh-w.sz-l h1,.hyh-w.sz-xl h1{font-size:44px} .hyh-w.sz-l h2,.hyh-w.sz-xl h2{font-size:28px}
    .hyh-hsplit{display:grid;grid-template-columns:1fr 1fr;max-width:var(--wrap);margin:0 auto;min-height:460px} .hyh-hsplit.rev .hyh-hsimg{order:2} .hyh-hsimg{background:linear-gradient(135deg,#6c5ce722,#6c5ce708);background-size:cover;background-position:center} .hyh-hstext{padding:56px;display:flex;flex-direction:column;justify-content:center;gap:14px;align-items:flex-start} .hyh-hstext h1{font-size:38px;margin:0} .hyh-hstext p{opacity:.72;font-size:15px;margin:0;line-height:1.55}
    .hyh-slide{position:relative;min-height:440px;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,#6c5ce722,#6c5ce708);background-size:cover;background-position:center} .hyh-slide-in h1{font-size:38px;margin:0 0 10px} .hyh-slide-in p{opacity:.85;margin:0 0 16px} .hyh-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:7px} .hyh-dots span{width:8px;height:8px;border-radius:50%;background:#15161c44} .hyh-dots span.on{background:#6c5ce7;width:22px;border-radius:5px}
    .hyh-hvideo{position:relative;min-height:460px;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(135deg,#2a2a33,#4a4a55)} .hyh-hvideo-ov{position:absolute;inset:0;background:rgba(0,0,0,.35)} .hyh-hvideo-in{position:relative} .hyh-hvideo-in h1{font-size:40px;margin:0 0 10px;color:#fff} .hyh-hvideo-in p{margin:0 0 16px;opacity:.9}
    .hyh-ctab{color:#fff;text-align:center;padding:34px 20px;display:flex;flex-direction:column;align-items:center;gap:14px} .hyh-ctab h2{margin:0;font-size:24px;color:#fff}
    .hyh-announce{display:flex;align-items:center;justify-content:center;gap:14px;color:#fff;font-size:13px;font-weight:600;padding:11px 16px;flex-wrap:wrap} .hyh-announce a{color:#fff;text-decoration:underline}
    .hyh-carhead{max-width:var(--wrap);margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between} .hyh-carhead h2{margin:0 0 20px} .hyh-carnav{color:#6c5ce7;font-weight:800;font-size:20px} .hyh-grid.carousel{grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);grid-template-columns:none!important;overflow-x:auto;max-width:var(--wrap);margin:0 auto;padding:0 20px 8px}
    .hyh-newwrap{position:relative} .hyh-newtag{position:absolute;top:10px;right:10px;z-index:3;background:#1f9d55;color:#fff;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:20px}
    .hyh-deal{display:grid;grid-template-columns:1fr 1fr;max-width:var(--wrap);margin:26px auto;border:1px solid #15161c14;border-radius:20px;overflow:hidden} .hyh-deal-img{position:relative;min-height:400px;background:linear-gradient(135deg,#6c5ce722,#6c5ce708);background-size:cover;background-position:center} .hyh-deal-info{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:12px;align-items:flex-start} .hyh-deal-sub{margin:0;opacity:.6;font-size:13px} .hyh-deal-info h2{margin:0;font-size:26px} .hyh-cd-clock.dark{color:#15161c;background:#6c5ce712;padding:8px 12px;border-radius:8px;font-size:20px;font-weight:800;letter-spacing:1px}
    .hyh-tabs{display:flex;gap:8px;flex-wrap:wrap;max-width:var(--wrap);margin:0 auto 20px;padding:0 20px} .hyh-tab{font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px;border:1px solid #15161c18;opacity:.7} .hyh-tab.on{background:#6c5ce7;color:#fff;border-color:#6c5ce7;opacity:1}
    .hyh-collist{max-width:var(--wrap);margin:0 auto;padding:38px 20px} .hyh-collist h2{margin:0 0 18px} .hyh-collist-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:16px} .hyh-collc{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/10;text-decoration:none} .hyh-collimg{position:absolute;inset:0;background:linear-gradient(135deg,#6c5ce72a,#6c5ce70a);background-size:cover;background-position:center} .hyh-collname{position:absolute;left:0;right:0;bottom:0;padding:16px;color:#fff;font-weight:800;background:linear-gradient(transparent,rgba(0,0,0,.6))} .hyh-collname em{display:block;font-style:normal;font-weight:600;font-size:12px;opacity:.9;margin-top:2px}
    .hyh-look{max-width:var(--wrap);margin:26px auto;padding:0 20px} .hyh-look-img{position:relative;min-height:420px;border-radius:20px;background:linear-gradient(135deg,#6c5ce722,#6c5ce708);background-size:cover;background-position:center} .hyh-look-cap{position:absolute;left:26px;bottom:26px;color:#fff;max-width:60%} .hyh-look-cap p{margin:6px 0 0;font-size:14px;opacity:.9} .hyh-look-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:12px;margin-top:12px} .hyh-look-pimg{display:block;aspect-ratio:1/1;border-radius:10px;background:#f0f0f4 linear-gradient(135deg,#6c5ce718,#6c5ce706);background-size:cover;background-position:center} .hyh-look-pt{display:block;font-size:12.5px;margin-top:6px} .hyh-look-pp{font-weight:800;font-size:12.5px}
    .hyh-imgtext{max-width:var(--wrap);margin:0 auto;padding:20px} .hyh-itrow{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin:26px 0} .hyh-itrow.rev .hyh-itimg{order:2} .hyh-itimg{min-height:300px;border-radius:16px;background:linear-gradient(135deg,#6c5ce722,#6c5ce708);background-size:cover;background-position:center} .hyh-ittext h2{font-size:26px;margin:0 0 12px} .hyh-ittext p{opacity:.72;line-height:1.55;margin:0 0 16px}
    .hyh-full{min-height:460px;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(135deg,#2a2a33,#4a4a55);background-size:cover;background-position:center;position:relative} .hyh-full::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.32)} .hyh-full-in{position:relative;padding:20px} .hyh-full-in h2{font-size:38px;margin:0 0 10px;color:#fff} .hyh-full-in p{margin:0 0 16px;opacity:.92}
    .hyh-split{display:grid;grid-template-columns:1fr 1fr} .hyh-splitc{position:relative;display:grid;place-items:center;min-height:420px;text-decoration:none;background:linear-gradient(135deg,#6c5ce72a,#6c5ce70a);background-size:cover;background-position:center} .hyh-splitlab{color:#fff;font-weight:800;font-size:26px;letter-spacing:.04em;text-shadow:0 2px 12px rgba(0,0,0,.4)}
    .hyh-ig{max-width:var(--wrap);margin:0 auto;padding:38px 20px;text-align:center} .hyh-ig h2{margin:0 0 4px} .hyh-ighandle{display:block;color:#6c5ce7;font-weight:700;margin-bottom:18px} .hyh-iggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(155px,100%),1fr));gap:8px} .hyh-igc{display:block;aspect-ratio:1/1;border-radius:10px;background:#f0f0f4 linear-gradient(135deg,#6c5ce720,#6c5ce708);background-size:cover;background-position:center}
    .hyh-rev{max-width:var(--wrap);margin:0 auto;padding:38px 20px;text-align:center} .hyh-rev h2{margin:0 0 14px} .hyh-rev-score{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px} .hyh-rev-score b{font-size:24px} .hyh-rev-score em{opacity:.6;font-style:normal;font-size:13px} .hyh-rev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:16px} .hyh-revc{border:1px solid #15161c14;border-radius:14px;padding:20px;text-align:left} .hyh-revc p{font-size:14px;opacity:.78;line-height:1.55;margin:8px 0 12px} .hyh-revc b{font-size:13px}
    .hyh-press{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:20px;max-width:var(--wrap);margin:0 auto;padding:34px 20px} .hyh-pressc{text-align:center} .hyh-pressc p{font-size:15px;font-style:italic;opacity:.8;margin:0 0 10px} .hyh-pressc b{font-size:12px;letter-spacing:.14em;opacity:.55}
    .hyh-feats{max-width:var(--wrap);margin:0 auto;padding:38px 20px} .hyh-feats h2{text-align:center;margin:0 0 24px} .hyh-featgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:22px} .hyh-featc{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px} .hyh-feati{width:54px;height:54px;border-radius:15px;background:#6c5ce712;color:#6c5ce7;display:grid;place-items:center} .hyh-feati svg{width:26px;height:26px} .hyh-featc b{font-size:15px} .hyh-featc span{font-size:13px;opacity:.66;max-width:240px}
    .hyh-tl{max-width:var(--wrap);margin:0 auto;padding:38px 20px} .hyh-tl h2{text-align:center;margin:0 0 24px} .hyh-tlrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:22px} .hyh-tlc{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px} .hyh-tlnum{width:40px;height:40px;border-radius:50%;background:#6c5ce7;color:#fff;font-weight:800;display:grid;place-items:center} .hyh-tlc b{font-size:15px} .hyh-tlc span{font-size:13px;opacity:.66}
    .hyh-video{max-width:var(--wrap);margin:0 auto;padding:38px 20px;text-align:center} .hyh-video h2{margin:0 0 18px} .hyh-videobox{position:relative;aspect-ratio:16/9;border-radius:16px;background:linear-gradient(135deg,#2a2a33,#4a4a55);display:grid;place-items:center} .hyh-play{width:0;height:0;border-left:22px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px}
    .hyh-blog{max-width:var(--wrap);margin:0 auto;padding:38px 20px} .hyh-blog h2{margin:0 0 20px} .hyh-bloggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:18px} .hyh-blogc{text-decoration:none;color:inherit} .hyh-blogimg{display:block;aspect-ratio:16/10;border-radius:12px;background:linear-gradient(135deg,#6c5ce720,#6c5ce708)} .hyh-blogc b{display:block;font-size:15px;margin:10px 0 4px} .hyh-blogc span{font-size:13px;opacity:.66}
    .hyh-iconrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:16px;max-width:var(--wrap);margin:0 auto;padding:26px 20px} .hyh-iconc{text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px} .hyh-iconi{width:40px;height:40px;color:#6c5ce7;display:grid;place-items:center} .hyh-iconi svg{width:26px;height:26px} .hyh-iconc b{font-size:13.5px} .hyh-iconc span{font-size:12px;opacity:.6}
    .hyh-coupon{padding:34px 20px} .hyh-coupon-in{max-width:640px;margin:0 auto;text-align:center;border:2px dashed #6c5ce766;border-radius:18px;padding:30px 24px;background:#6c5ce708} .hyh-coupon-in h2{margin:0 0 8px} .hyh-coupon-in p{opacity:.72;font-size:14px;margin:0 0 16px} .hyh-coupon-code{display:inline-flex;align-items:center;gap:10px} .hyh-coupon-code span{font-weight:800;letter-spacing:.14em;font-size:18px;border:1px dashed #6c5ce7;border-radius:8px;padding:8px 16px;color:#6c5ce7}
    .hyh-ship{max-width:var(--wrap);margin:20px auto;padding:0 20px;text-align:center} .hyh-ship-txt{font-size:14px;font-weight:700} .hyh-ship-bar{display:block;height:8px;border-radius:5px;background:#6c5ce71f;margin-top:10px;overflow:hidden} .hyh-ship-bar span{display:block;height:100%;background:#6c5ce7;border-radius:5px}
    .hyh-divider{max-width:var(--wrap);margin:8px auto;border-top:1px solid #15161c14}
    .hyh-map{display:grid;grid-template-columns:1.4fr 1fr;max-width:var(--wrap);margin:26px auto;border:1px solid #15161c14;border-radius:18px;overflow:hidden} .hyh-map-box{min-height:280px;display:grid;place-items:center;font-size:44px;background:linear-gradient(135deg,#6c5ce718,#6c5ce706)} .hyh-map-info{padding:34px;display:flex;flex-direction:column;justify-content:center} .hyh-map-info h2{margin:0 0 8px} .hyh-map-info p{opacity:.72;margin:0}
    .hyh-contact{max-width:var(--wrap);margin:0 auto;padding:34px 20px;text-align:center} .hyh-contact h2{margin:0 0 16px} .hyh-contact-row{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;font-size:14px;opacity:.8}
    .hyh-compare{max-width:var(--wrap);margin:0 auto;padding:38px 20px} .hyh-compare h2{text-align:center;margin:0 0 22px} .hyh-comp{border:1px solid #15161c14;border-radius:16px;overflow:hidden} .hyh-comp-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;align-items:center} .hyh-comp-row+.hyh-comp-row{border-top:1px solid #15161c0f} .hyh-comp-row>span{padding:13px 16px;font-size:14px;text-align:center} .hyh-comp-f{text-align:left!important;font-weight:600} .hyh-comp-row .us{background:#6c5ce70f;font-weight:800;color:#6c5ce7} .hyh-comp-head{background:#6c5ce712;font-weight:800} .hyh-comp-head .us{color:#6c5ce7}
    .hyh-benefit{display:grid;grid-template-columns:1fr 1fr;max-width:var(--wrap);margin:26px auto;align-items:stretch} .hyh-benefit.rev .hyh-ben-img{order:2} .hyh-ben-img{position:relative;overflow:hidden;min-height:380px;border-radius:18px;background:linear-gradient(135deg,#6c5ce722,#6c5ce708)} .hyh-ben-text{padding:44px;display:flex;flex-direction:column;justify-content:center} .hyh-ben-text h2{font-size:28px;margin:0 0 12px} .hyh-ben-text p{opacity:.72;margin:0 0 16px;line-height:1.55} .hyh-ben-list{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:10px} .hyh-ben-list li{position:relative;padding-left:30px;font-size:15px} .hyh-ben-list li::before{content:"✓";position:absolute;left:0;top:-1px;width:20px;height:20px;border-radius:50%;background:#6c5ce7;color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
    .hyh-hot{max-width:var(--wrap);margin:0 auto;padding:38px 20px} .hyh-hot h2{text-align:center;margin:0 0 20px} .hyh-hot-img{position:relative;overflow:hidden;border-radius:18px;min-height:460px;background:linear-gradient(135deg,#6c5ce722,#6c5ce708)} .hyh-dot{position:absolute;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #6c5ce7;transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.25);z-index:2} .hyh-dot::after{content:"+";position:absolute;inset:0;display:grid;place-items:center;color:#6c5ce7;font-weight:800;font-size:15px} .hyh-dot-i{position:absolute;bottom:130%;left:50%;transform:translateX(-50%);background:#111318;color:#fff;border-radius:10px;padding:8px 12px;white-space:nowrap;opacity:0;visibility:hidden;transition:.15s;text-align:center} .hyh-dot:hover .hyh-dot-i{opacity:1;visibility:visible} .hyh-dot-i b{display:block;font-size:12.5px} .hyh-dot-i span{font-size:12px;opacity:.85}
    .hyh-ba{max-width:var(--wrap);margin:0 auto;padding:38px 20px} .hyh-ba h2{text-align:center;margin:0 0 20px} .hyh-ba-row{display:grid;grid-template-columns:1fr 1fr;gap:12px} .hyh-ba-c{position:relative;overflow:hidden;border-radius:16px;min-height:360px;background:linear-gradient(135deg,#6c5ce718,#6c5ce706)} .hyh-ba-lab{position:absolute;top:12px;left:12px;z-index:2;background:#111318;color:#fff;font-size:12px;font-weight:800;padding:5px 12px;border-radius:20px} .hyh-ba-lab.after{background:#6c5ce7}
    .hyh-statement{max-width:var(--wrap);margin:0 auto;padding:56px 20px;text-align:center} .hyh-statement h2{font-size:34px;line-height:1.3;margin:0 0 20px;font-weight:800}
    .hyh-pricing{max-width:var(--wrap);margin:0 auto;padding:38px 20px} .hyh-pricing h2{text-align:center;margin:0 0 26px} .hyh-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:18px;align-items:start} .hyh-price-c{position:relative;border:1px solid #15161c14;border-radius:18px;padding:28px 22px;text-align:center} .hyh-price-c.feat{border-color:#6c5ce7;box-shadow:0 14px 40px #6c5ce722;transform:scale(1.03)} .hyh-price-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#6c5ce7;color:#fff;font-size:11px;font-weight:800;padding:4px 12px;border-radius:20px} .hyh-price-name{display:block;font-size:15px;opacity:.7;font-weight:700} .hyh-price-amt{margin:8px 0 16px} .hyh-price-p{font-size:38px;font-weight:800} .hyh-price-amt em{opacity:.6;font-style:normal;font-size:14px} .hyh-price-c ul{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:9px} .hyh-price-c li{font-size:14px;opacity:.8;padding-left:22px;position:relative} .hyh-price-c li::before{content:"✓";position:absolute;left:0;color:#6c5ce7;font-weight:800} .hyh-price-c .hyh-btn{width:100%}
    .hyh-team{max-width:var(--wrap);margin:0 auto;padding:38px 20px} .hyh-team h2{text-align:center;margin:0 0 24px} .hyh-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:20px} .hyh-team-c{text-align:center} .hyh-team-img{display:block;position:relative;overflow:hidden;aspect-ratio:1/1;border-radius:16px;background:linear-gradient(135deg,#6c5ce720,#6c5ce708);margin-bottom:10px} .hyh-team-c b{display:block;font-size:15px} .hyh-team-c span{font-size:13px;opacity:.62}
    .hyh-results{max-width:var(--wrap);margin:26px auto;padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:#6c5ce70d;border-radius:22px} .hyh-res-left h2{font-size:30px;margin:0 0 12px;font-weight:800} .hyh-res-left p{opacity:.72;font-size:15px;line-height:1.55;margin:0} .hyh-res-rings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:20px;text-align:center} .hyh-ring{display:flex;flex-direction:column;align-items:center;gap:10px} .hyh-ringwrap{position:relative;width:96px;height:96px;display:inline-block} .hyh-ringsvg{width:96px;height:96px} .hyh-ringsvg .bg{stroke:#6c5ce722} .hyh-ringsvg .fg{stroke:#6c5ce7} .hyh-ringpct{position:absolute;inset:0;display:grid;place-items:center;font-size:19px;font-weight:800} .hyh-ringlab{font-size:12.5px;opacity:.66;line-height:1.4;max-width:180px}
    .hyh-rvp{max-width:var(--wrap);margin:0 auto;padding:44px 20px} .hyh-rvp-eye{text-align:center;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6c5ce7} .hyh-rvp>h2{text-align:center;margin:6px 0 30px} .hyh-rvp-top{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;max-width:820px;margin:0 auto 30px} .hyh-rvp-avg{text-align:center} .hyh-rvp-avg b{display:block;font-size:52px;font-weight:800;line-height:1} .hyh-rvp-stars{color:#d18700;font-size:20px;margin:6px 0 4px} .hyh-rvp-avg span{font-size:12.5px;opacity:.6} .hyh-rvp-dist{display:flex;flex-direction:column;gap:9px} .hyh-rvp-bar{display:grid;grid-template-columns:82px 1fr 42px;align-items:center;gap:12px;font-size:12.5px;opacity:.9} .hyh-rvp-bar .track{height:9px;border-radius:6px;background:#6c5ce718;overflow:hidden} .hyh-rvp-bar .track>span{display:block;height:100%;background:#6c5ce7;border-radius:6px} .hyh-rvp-bar .p{text-align:right;opacity:.7}
    .hyh-rvp-allh{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.5;border-top:1px solid #15161c14;padding-top:26px;margin-top:8px} .hyh-rvp-card{display:grid;grid-template-columns:200px 1fr 220px;gap:24px;padding:24px 0;border-bottom:1px solid #15161c0f} .hyh-rvp-c1 b{display:block;font-size:15px;margin-bottom:8px} .hyh-rvp-verif{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#1f9d55;margin-bottom:8px} .hyh-rvp-loc{display:block;font-size:13px;font-weight:700;margin-bottom:2px} .hyh-rvp-age{display:block;font-size:12px;opacity:.55} .hyh-rvp-cstars{color:#d18700;font-size:15px;margin-bottom:8px} .hyh-rvp-cstars em{opacity:.55;font-style:normal;font-size:12.5px;color:inherit} .hyh-rvp-c2>b{display:block;font-size:15px;margin-bottom:6px} .hyh-rvp-c2 p{font-size:14px;opacity:.8;line-height:1.55;margin:0 0 10px} .hyh-rvp-rec{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#1f9d55} .hyh-rvp-date{display:block;font-size:11.5px;opacity:.5;margin-top:8px} .hyh-rvp-c3{background:#6c5ce70a;border-radius:14px;padding:18px;align-self:start;display:grid;grid-template-columns:1fr auto;gap:8px 10px;align-items:center} .hyh-rvp-vlab{grid-column:1/-1;font-size:12px;opacity:.6} .hyh-rvp-c3 .track{height:9px;border-radius:6px;background:#6c5ce718;overflow:hidden} .hyh-rvp-c3 .track>span{display:block;height:100%;background:#6c5ce7} .hyh-rvp-c3 b{font-size:16px}
    @media(max-width:749px){
      .hyh-benefit,.hyh-ba-row,.hyh-price-grid,.hyh-results,.hyh-rvp-top,.hyh-rvp-card{grid-template-columns:1fr} .hyh-price-c.feat{transform:none} .hyh-team-grid{grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr))} .hyh-statement h2{font-size:24px} .hyh-ben-img,.hyh-hot-img{min-height:300px} .hyh-results{padding:26px}
      .hyh-hsplit,.hyh-deal,.hyh-itrow,.hyh-map{grid-template-columns:1fr}
      .hyh-collist-row,.hyh-rev-grid,.hyh-press,.hyh-featgrid,.hyh-tlrow,.hyh-bloggrid{grid-template-columns:1fr}
      .hyh-look-strip,.hyh-iggrid,.hyh-iconrow{grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr))}
      .hyh-hsimg,.hyh-deal-img{min-height:240px} .hyh-hstext,.hyh-deal-info{padding:26px} .hyh-hstext h1,.hyh-slide-in h1,.hyh-hvideo-in h1,.hyh-full-in h2{font-size:27px} .hyh-itrow.rev .hyh-itimg{order:0} .hyh-splitc{min-height:280px}
      .hyh-hero{padding:40px 16px} .hyh-hero h1{font-size:26px} .hyh-hero p{font-size:14px}
      .hyh-grid{grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr))!important;gap:12px}
      .hyh-banner,.hyh-feat,.hyh-promo{grid-template-columns:1fr} .hyh-banner.rev .hyh-bimg{order:0} .hyh-bimg,.hyh-feat-img{min-height:240px} .hyh-btext,.hyh-feat-info{padding:26px}
      .hyh-feat-info h2{font-size:24px} .hyh-feat-prices .hyh-p{font-size:22px}
      .hyh-catgrid{grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr))} .hyh-tstgrid{grid-template-columns:1fr} .hyh-usps{grid-template-columns:1fr}
      .hyh-stats,.hyh-trust{grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr))} .hyh-galgrid{grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));grid-auto-rows:150px}
      .hyh-bundle-row{flex-direction:column} .hyh-plus,.hyh-eq{transform:rotate(90deg)} .hyh-logos-row{gap:20px} h2{font-size:20px!important}
    }
    .hyh-w.ts-underline :is(h1,h2,h3){display:inline-block;padding-bottom:8px;border-bottom:3px solid #6c5ce7}
    .hyh-w.ts-accent :is(h1,h2,h3){color:#6c5ce7}
    .hyh-w.ts-bar :is(h1,h2,h3){display:inline-block;text-align:left;padding-left:14px;border-left:4px solid #6c5ce7;border-radius:2px}
    .hyh-w.ts-big :is(h1,h2,h3){text-align:center;font-size:32px;line-height:1.15;letter-spacing:-.01em}
    .hyh-w.ts-gradient :is(h1,h2,h3){background:linear-gradient(90deg,#6c5ce7,#15161c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
    .hyh-w.ts-pill :is(h1,h2,h3){display:inline-block;background:#6c5ce714;color:#6c5ce7;padding:7px 16px;border-radius:999px;font-size:16px}

/* ======================= MÓVIL: una sola columna =======================
   Estas rejillas ya bajaban a dos columnas en tablet, pero en un teléfono dos columnas
   dejan tarjetas de ~160px y el texto se parte cada dos palabras. Por debajo de 560px
   van todas a una sola columna. Va al final del CSS para ganar por orden. */
@media(max-width:560px){
  .hh-bl-grid,.hh-cmp2,.hh-fbento,.hh-gal-bento,.hh-gal-uniform,.hh-ir-cards,.hh-ir-glass,.hh-ir-row,.hh-it-cards,.hh-it-cols,.hh-pr-grid,.hh-pr-quotes,.hh-res-rings,.hh-rvx-cards,.hh-stats-biggrid,.hh-stats-cardgrid,.hh-tlrow,.hh-tm-grid,.hh-trust-cards,.hh-trust-glass,.hh-trust-row,.hh-usps-cards,.hh-usps-min,.hh-usps-row,.hyh-collist.v-editorial,.hyh-collist.v-split,.prbn-grid,.prg2-grid,.prico-row,.prrl-grid,.prsp.st-cards,.prst-row{grid-template-columns:1fr!important}
}

  
/* ===== Huecos de imagen que antes no se pintaban =====================================
   Medido sobre las 17 plantillas: de 214 fotos configuradas, 128 no llegaban al HTML.
   Los renderizadores las ignoraban. Ahora se pintan, y aqui va su estilo. */
.hh-av-ph{background-size:cover;background-position:center;background-repeat:no-repeat;font-size:0;overflow:hidden}
.hh-logo-ph{display:inline-flex;align-items:center;justify-content:center}
.hh-logo-ph img{max-height:30px;max-width:132px;width:auto;height:auto;object-fit:contain;opacity:.72;filter:grayscale(1);transition:opacity .2s ease,filter .2s ease}
.hh-logo-ph:hover img{opacity:1;filter:grayscale(0)}
.hh-prlogo-ph{display:inline-flex;align-items:center;margin-bottom:10px}
.hh-prlogo-ph img{max-height:26px;max-width:120px;width:auto;height:auto;object-fit:contain;opacity:.8}
.hh-hs-tipimg{display:block;width:100%;height:74px;border-radius:8px;background-size:cover;background-position:center;margin-bottom:8px}
.hh-hs-lrow .hh-hs-tipimg{width:44px;height:44px;flex:none;margin:0 10px 0 0;border-radius:8px}
/* Foto de fondo para los heroes que no tenian sitio donde ponerla (glass, aurora, grid,
   minimal). Va atenuada y por DEBAJO del adorno y del texto: la foto acompana, no tapa. */
.hh-hero-wph{position:relative;overflow:hidden}
.hh-hero-wph > .hh-hero-ph{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.32;pointer-events:none;z-index:0}
.hh-hero-wph > .hh-hero-glass-in,.hh-hero-wph > .hh-glasscard,.hh-hero-min.hh-hero-wph > h1,.hh-hero-min.hh-hero-wph > p,.hh-hero-min.hh-hero-wph > .hh-eye,.hh-hero-min.hh-hero-wph > .hh-underline{position:relative;z-index:2}


.hyh-row{display:grid;max-width:var(--wrap);margin:0 auto;padding:0 var(--gut,20px)}
.hyh-rcol{min-width:0;display:flex;flex-direction:column}
/* Las secciones de dentro ya no mandan sobre el ancho: la fila es quien manda. */
.hyh-row .hyh-rcol>*{max-width:100%!important}
.hyh-row .hyh-rcol section,.hyh-row .hyh-rcol>div>section{max-width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important}

/* CONSULTAS DE CONTENEDOR. Una seccion dentro de una columna no sabe que esta en una
   columna: seguia mirando el ancho de la PANTALLA, asi que en una columna de 370 px metia
   cuatro tarjetas de 46 px. Con container queries cada columna es su propio contexto y las
   rejillas de tarjetas se parten segun el ancho REAL de la columna.
   La lista sale de MEDIR: son las rejillas cuyas tarjetas bajaban de 130 px dentro de una
   columna. Las cosas que son pequenas a proposito (los puntos del carrusel, el reloj de la
   cuenta atras, la barra de valoraciones) se quedan como estan. */
.hyh-rcol{container-type:inline-size;container-name:hcol}
@container hcol (max-width:640px){
  .hyh-rcol :is(.hh-trustc,.hh-ftc,.hh-irc,.hh-tlc,.hh-pc,.hh-usps,.hh-ct-c,.hh-lk-stripe,.hh-logos-row,.hh-ig-grid,.hh-res-rings,.hh-tm-grid){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;flex-wrap:wrap!important;
  }
  .hyh-rcol :is(.hh-trustc,.hh-ftc,.hh-irc,.hh-tlc,.hh-pc,.hh-usps,.hh-ct-c,.hh-lk-stripe,.hh-logos-row)>*{
    flex:1 1 calc(50% - 10px)!important;min-width:calc(50% - 10px);
  }
}
@container hcol (max-width:340px){
  .hyh-rcol :is(.hh-trustc,.hh-ftc,.hh-irc,.hh-tlc,.hh-pc,.hh-usps,.hh-ct-c,.hh-lk-stripe,.hh-logos-row,.hh-ig-grid,.hh-res-rings,.hh-tm-grid){
    grid-template-columns:minmax(0,1fr)!important;
  }
  .hyh-rcol :is(.hh-trustc,.hh-ftc,.hh-irc,.hh-tlc,.hh-pc,.hh-usps,.hh-ct-c,.hh-lk-stripe,.hh-logos-row)>*{
    flex-basis:100%!important;min-width:100%;
  }
}

@media (max-width:760px){
  .hyh-row:not(.nostack){grid-template-columns:1fr!important}
  .hyh-row.nostack{overflow-x:auto;scrollbar-width:none}
  .hyh-row.nostack::-webkit-scrollbar{display:none}
}


:root{--gut:clamp(16px,4.5vw,22px)}

/* 0) EL RESETEO QUE LE FALTABA A LA TIENDA. Esta era LA diferencia entre lo que se ve en el
      editor y lo que ve el cliente. El editor pinta con "*{margin:0}"; la tienda no lo tenia,
      asi que cada titular y cada parrafo salian publicados con el hueco que el navegador
      añade por su cuenta. Medido: una franja que en el editor mide 238 px acababa midiendo
      301 en la tienda; un contador, 132 -> 207; un boletin, 241 -> 323. Y no era una seccion
      suelta: pasaba en casi todas.
      Dos precauciones:
        · :where() para que la regla pese CERO. Solo borra el margen del navegador; no le gana
          a ninguna regla nuestra (los ".hyh-hero h1{margin:0 0 10px}" siguen mandando).
        · Acotado a los contenedores de StoreGloss, para no tocar NADA del tema del comerciante. */
:where(#headly-home,#headly-prod,#headly-coll) :where(*){margin:0}

/* 1) NADA puede hacer que la tienda se arrastre de lado.
      Se usa overflow-x:clip y no overflow:hidden: hidden crearia un contenedor de scroll
      y rompería las galerías con position:sticky; clip recorta sin crear ese contenedor. */
#headly-home,#headly-prod,#headly-coll{overflow-x:clip}
:is(.hly-pre,#headly-home,#headly-prod,#headly-coll)>.hyh-w{max-width:100%}

/* 2) Secciones que no tenían ni límite de ancho ni margen lateral.
      Medido: en escritorio su texto llegaba a 1.600 px; en móvil empezaba en el píxel 0. */
.hh-rvx,.hh-res,.hh-pr,.hh-sb,.hh-trust,.hh-hs,
/* Añadidas despues de medir a 1600 px: los testimonios, la galeria, la prensa y los
   pasos se estiraban hasta 1552 px, o sea de borde a borde, mientras el resto de la
   pagina se quedaba en 1200. Se veia como un salto de encuadre sin ningun motivo. */
.hh-tst,.hh-gal,.hh-tl,.hh-lg,.hh-ig,.hh-bl,.hh-tm,
.hcol-hero,.hcol-sub,.hcol-tb,.hcol-promo{
  max-width:var(--wrap);margin-left:auto;margin-right:auto;
  padding-left:var(--gut);padding-right:var(--gut);
}
/* Las tiras y las cintas SI van de borde a borde: es su gracia. Pero su TITULAR no:
   se quedaba estirado a 1556 px mientras el resto de titulares de la pagina median
   1200, y el salto de encuadre se nota aunque no se sepa por que. */
.hyh :is(.hh-gal-strip,.hh-gal-stripwrap,.hh-gal-marquee,.hh-tst-mq,.hh-tl-row,
         .hh-logos-mq,.hh-ig-strip,.hh-pr-row) :is(.hh-h2,.hh-sectit,.hh-secsub,h2,h3){
  max-width:min(var(--wrap,1200px),100%);margin-left:auto;margin-right:auto}
/* Y lo de dentro tampoco puede desbordar su seccion. */
.hyh :is(.hh-tst,.hh-gal,.hh-tl,.hh-pr,.hh-lg,.hh-ig,.hh-bl,.hh-tm) > *{max-width:100%}

/* 2 bis) Los aros de "Resultados" median 120 px FIJOS, y una rejilla no puede encoger algo
      de ancho fijo: en un movil de 390 px el ultimo aro se salia 10 px por la derecha.
      Se deja que encojan con la pantalla y que las columnas puedan estrecharse (minmax(0,..),
      porque por defecto una columna de rejilla no baja del contenido que lleva dentro). */
@media (max-width:640px){
  .hyh section.hh-res{grid-template-columns:1fr}
  .hyh .hh-res>.hh-res-rings{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hyh .hh-resring{min-width:0}
  .hyh .hh-ringwrap,.hyh .hh-ringsvg{width:min(120px,24vw);height:min(120px,24vw)}
}

/* 3) La cinta de texto sí va de lado a lado (es su gracia), pero recortada:
      sin esto empujaba la página hasta 3.172 px de ancho. */
.hh-mq2{overflow:hidden;max-width:100%}

/* 4) Carruseles: se desplazan DENTRO de su caja, no arrastrando la página. */
.hyh-grid.carousel{overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.hyh-grid.carousel::-webkit-scrollbar{display:none}
.hyh-grid.carousel>*{scroll-snap-align:start}

/* 5) La caja de compra usa el ancho de página elegido, igual que el resto. */
.hyp{max-width:var(--wrap);margin-left:auto;margin-right:auto}

/* 6) Colisión de clases: la portada dividida (hero_split) y los puntos calientes
      (hotspots) comparten la clase .hh-hs. La imagen de la portada lleva min-height:420px
      y, con aspect-ratio 16/9, eso forzaba 747 px de ancho TAMBIÉN en los puntos calientes:
      por eso se salía de la pantalla. Aquí se le quita solo a esa variante. */
.hh-hs-dots .hh-hs-img{min-height:0}

/* 7) Móvil */
@media (max-width:640px){
  .hyp{padding-left:var(--gut);padding-right:var(--gut)}
  .hyp-main{grid-template-columns:1fr}
  /* Medido: la caja de compra se salia 96 px. La culpa es de la regla por defecto de CSS
     Grid (min-width:auto): la tira de miniaturas mide 470 px de ancho minimo y estiraba
     la columna entera. Con min-width:0 la columna puede encogerse, y las miniaturas se
     desplazan dentro de su propia caja. */
  .hyp-main>*,.hyp-left,.hyp-gallery,.hyp-info{min-width:0}
  .hyp-thumbs{overflow-x:auto;scrollbar-width:none}
  .hyp-thumbs::-webkit-scrollbar{display:none}
  /* dos columnas que no caben en 390 px */
  .hh-hs-classic{grid-template-columns:1fr}
  /* Los avisos de los puntos calientes se salian por la derecha. Se quedan flotando
     (si se ponen en el flujo, estiran la imagen a 747 px), solo se les limita el ancho. */
  .hh-hs-tip{max-width:min(230px,58vw)}
  /* la fila de tarjetas del upsell se desplaza dentro de su caja */
  .us-cards-row{overflow-x:auto;scrollbar-width:none}
  .us-cards-row::-webkit-scrollbar{display:none}
}

/* ===== PULIDO — todo esto sale de MEDIR con un navegador, no de opinar ==============
   Los selectores llevan .hyh delante a proposito: el CSS de la tienda tiene reglas del
   tipo .hly-pre .hyh-stars y, sin ese prefijo, estas no ganaban por especificidad. */

/* 1) LEGIBILIDAD. Medido: las estrellas quedaban en 2,0 de contraste sobre blanco y los
      avisos de urgencia en 2,2. El minimo comodo para leer es 4,5. */
.hyh .hyh-stars,.hyh .hyh-stars5,.hyh .hh-stars{color:#b45309}
.hyh .hyh-stars em,.hyh .hyh-old,.hyh .hh-meta{color:color-mix(in srgb,var(--tx) 66%,transparent)}
.hyh .hyh-urg,.hyh .hh-urg,.hyh .hh-off,.hyh .hh-bd-save{color:#8f2230}
.hyh .hyh-urg{background:#8f223014}
/* La chapa "Nuevo" se quedaba con el MISMO color de texto que de fondo (#8f2230 sobre
   #8f2230): contraste 1,00, o sea invisible. La regla de arriba le daba el color de
   texto y la de abajo el de fondo, y nadie las miro juntas. */
.hyh .hyh-newtag{background:#8f2230;color:#fff}

/* 2) TEXTO EN MOVIL. Por debajo de 13 px cansa y baja la conversion. */
@media (max-width:640px){
  .hyh .hyh-urg,.hyh .hyh-stars,.hyh .hyh-old,.hyh .hh-eye,.hyh .hh-sub,.hyh .hh-logos-t,
  .hyh .uq-cap,.hyh .uq-cdl,.hyh .hh-tier-e,.hyh .hyh-shipt,.hyh .hyp-vendor,
  .hyh .hyh-catname,.hyh .hyh-collname,.hyh .hyp-rc-h,
  /* Los "eyebrow" (la linea pequena encima del titulo) y los pies de las secciones de la
     ficha se quedaban en 12 px: en un movil eso se lee con esfuerzo. */
  .hyh [class$="-eye"],.hyh [class$="-eyebrow"],.hyh .prlg-lb,.hyh .prfp-eye,
  .hyh :is(.hly-pre,#headly-home,#headly-prod,#headly-coll) em{font-size:13px}
}

/* 3) BOTONES: 44 px es el minimo comodo para el dedo. */
.hyh .hyh-btn,.hyh .hh-btn,.hyh .hyp-add,.hyh .prsk-btn,.hyh .prpk-btn,.hyh .prct-btn,
.hyh .prfp-btn,.hyh .prcd-btn,.hyh .hcol-tb-filt{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.hyh .hyp-qty button,.hyh .hyp-qty input{min-height:44px;min-width:44px}

/* 4) TITULARES que no se parten dejando una palabra sola. */
.hyh :is(h1,h2,h3){text-wrap:balance;overflow-wrap:break-word}
.hyh p,.hyh .hh-sub{text-wrap:pretty}

/* 5) PORTADAS Y FRANJAS CON TEXTO CLARO. Medido: el texto blanco se quedaba en contraste
      1,0 cuando no hay foto de fondo, o mientras carga. Un velo lo hace legible siempre. */
.hyh .hh-ss-slide,.hyh .hh-hv,.hyh section.hh-cta{position:relative;isolation:isolate}
.hyh .hh-ss-slide::after,.hyh .hh-hv::after,.hyh section.hh-cta::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(12,13,20,.30),rgba(12,13,20,.55))}
.hyh .hh-ss-in,.hyh .hh-hv-in,.hyh section.hh-cta>*{position:relative;z-index:1}

/* 6) ACABADO: movimiento corto al pasar por encima, foco visible con teclado, y respeto
      a quien pide menos animacion en su sistema. */
.hyh .hyh-card,.hyh .hyh-cat,.hyh .hyh-collc{transition:transform .18s ease,box-shadow .18s ease}
.hyh .hyh-card:hover,.hyh .hyh-cat:hover,.hyh .hyh-collc:hover{transform:translateY(-2px)}
.hyh :where(a,button,select,input,summary):focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion:reduce){.hyh *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ===== 7) SEGUNDA TANDA DE PULIDO ====================================================
   Sale de medir las 591 combinaciones de seccion x estilo en 390, 768 y 1440 px.
   Aqui SOLO van los arreglos que se pueden demostrar: o el numero medido es imposible
   (texto del mismo color que su fondo), o es el mismo arreglo que ya aplicamos antes a
   otras clases y se quedo a medias. Lo demas necesita mirarse variante a variante,
   porque bajar el color a saco rompe las variantes oscuras. */

/* 7.1) ESTRELLAS. Arriba ya se arreglaron .hyh-stars y .hh-stars (2,0 -> 4,7 de
        contraste), pero las clases premium se quedaron fuera y siguen en 1,8. Son las
        estrellas de las resenas, de los productos relacionados, del producto destacado
        y de la barra fija: justo donde mas se miran. */
.hyh .prv-stars,.hyh .prrl-stars,.hyh .prfp-stars,.hyh .prsk-stars,
.hyh .prtm-stars,.hyh .hyp-stars{color:#b45309}

/* 7.2) LA CRUZ DE LA COMPARATIVA. Estaba al 25 % de opacidad: 1,83 de contraste. Es el
        simbolo que decide la compra ("ellos no lo tienen") y no se leia. */
.hyh .prcm-no,.hyh .prcm-x,.hyh [class*="prcm"] .no{opacity:1;color:#8f2230}

/* 7.3) VELO EN LAS FRANJAS CON FOTO. Mismo arreglo del punto 5, que cubrio el carrusel,
        el video y la franja CTA pero se dejo fuera los banners y las promos. Sin foto de
        fondo, o mientras carga, el texto blanco se queda en 1,0 de contraste. */
.hyh .hh-promo-ov,.hyh .hh-banner-ov,.hyh .hh-lb-ov{position:relative;isolation:isolate}
.hyh .hh-promo-ov::after,.hyh .hh-banner-ov::after,.hyh .hh-lb-ov::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(12,13,20,.28),rgba(12,13,20,.58))}
.hyh .hh-promo-ov>*,.hyh .hh-banner-ov>*,.hyh .hh-lb-ov>*{position:relative;z-index:1}

/* 7.4) ZONAS TOCABLES QUE SE QUEDARON FUERA del punto 3. Medido: los +/- del upsell
        median 26x26, las casillas de filtro 13x13 y los enlaces subrayados 24 px de alto.
        El minimo comodo para el dedo es 44. */
.hyh .hh-underline,.hyh .hh-copy,.hyh .hcol-chip,.hyh .hh-ig-handle{min-height:44px;display:inline-flex;align-items:center}
.hyh .us-step button,.hyh .us-qty button{min-width:44px;min-height:44px}
.hyh .hcol-tb input[type="checkbox"]{width:22px;height:22px}
.hyh .hcol-tb label{min-height:44px;display:flex;align-items:center;gap:8px}

/* ===== 7 bis) TIRAS QUE SE DESPLAZAN DENTRO DE SU CAJA =================================
   Medido sobre las 17 portadas a 390 y 768 px: 153 elementos se salian de la pantalla.
   Casi todos son lo mismo — galerias en tira, cintas de marcas, muros de testimonios y
   feeds de Instagram, que estan pensados para desplazarse en horizontal. El punto 4 ya
   resolvia esto para ".hyh-grid.carousel", pero se quedo corto: las demas tiras no
   llevaban esa clase y arrastraban la pagina entera.
   Se les aplica el mismo tratamiento: se desplazan DENTRO de su caja, con enganche y sin
   barra visible. */
.hyh :is(.hh-gal-strip,.hh-gal-stripwrap,.hh-logos-row,.hh-logos-mq,.hh-tst-row,.hh-tst-mq,
         .hh-ig-row,.hh-ig-strip,.hh-pr-row,.hh-lk-row,.hh-tl-row,.hh-cmp-row){
  overflow-x:auto;max-width:100%;scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;scrollbar-width:none}
.hyh :is(.hh-gal-strip,.hh-gal-stripwrap,.hh-logos-row,.hh-logos-mq,.hh-tst-row,.hh-tst-mq,
         .hh-ig-row,.hh-ig-strip,.hh-pr-row,.hh-lk-row,.hh-tl-row,.hh-cmp-row)::-webkit-scrollbar{display:none}
.hyh :is(.hh-galc,.hh-logo,.hh-tc,.hh-ig-c,.hh-lk-c){scroll-snap-align:start}
/* Y la seccion que las contiene no puede desbordar aunque su hija mida mas.
   OJO: aqui NO se toca max-width. La primera version ponia max-width:100% y, como esta
   regla va despues, anulaba el ancho de pagina del punto 2: los testimonios y la galeria
   volvian a irse de borde a borde. Solo hace falta recortar, no re-anchar. */
.hyh :is(.hh-gal,.hh-logos,.hh-tst,.hh-ig,.hh-pr,.hh-lk){overflow-x:clip}

/* Los fondos decorativos (mallas, auroras, degradados de foco) se dibujan a proposito
   mas grandes que su caja para que el degradado no corte. No deben poder mover la
   pagina: se recortan en el contenedor y se les quita de la cuenta del ancho. */
.hyh :is(.hh-mesh,.hh-aurora,.hh-glow,.hh-blob){position:absolute;pointer-events:none;max-width:none}
.hyh :is(.hh-hero,.hh-faq,.hh-ir,.hh-cta,.hh-ft,.hh-st):has(:is(.hh-mesh,.hh-aurora,.hh-glow,.hh-blob)){
  position:relative;overflow:clip;isolation:isolate}

/* ===== 7 ter) ZONAS TOCABLES QUE SEGUIAN POR DEBAJO DE 44 px =========================
   La barra de anuncio, las flechas de los carruseles y las tarjetas del lookbook. */
.hyh :is(.hh-an-lk,.hh-lk-c,.hh-carnav,.hyh-carnav){min-height:44px;display:inline-flex;align-items:center}
/* El boton del boletin se quedaba en 43 px: un pixel. Para el dedo, 43 y 44 no son lo
   mismo — 44 es el minimo que recomiendan las guias de iOS y de Android. */
.hyh :is(.hh-nl,.hh-nl-form,.hh-cf) :is(button,input[type="submit"]){min-height:44px}
.hyh :is(.hh-gal,.hh-tst,.hh-ig,.hyh-prods,.hh-ss) button{min-width:44px;min-height:44px}

/* ===== 7 quater) EL ACENTO COMO COLOR DE TEXTO ========================================
   Medido sobre las 17 portadas: 431 avisos de contraste en escritorio, y el patron que
   mas se repite con diferencia es siempre el mismo — el color de acento de la familia
   usado como color de TEXTO. El acento se elige para que destaque como relleno de un
   boton, no para leerse en 14 px: el dorado de "revista" da 2,1 sobre papel, el naranja
   de "lanzamiento" 2,65 y el neon de "conversion" 1,05. El minimo comodo es 4,5.
   Hay 75 selectores que lo hacen. En vez de repintarlos a mano uno a uno con un color
   fijo (que rompe las familias oscuras), se mezcla el acento con el color de texto de la
   pagina: en una familia clara "--tx" es casi negro y lo oscurece; en una oscura es casi
   blanco y lo aclara. El tono se conserva; la legibilidad deja de depender de la suerte. */
.hyh .hb-badge,
.hyh .hb-big,
.hyh .hb-chev,
.hyh .hb-gift,
.hyh .hb-min .hb-o.on,
.hyh .hb-pills .hb-o.on,
.hyh .hb-qc,
.hyh .hb-spp b,
.hyh .hb-stop em,
.hyh .hcol-fv.on,
.hyh .hh-av,
.hyh .hh-ba-arrow,
.hyh .hh-bd-pr,
.hyh .hh-bd-total,
.hyh .hh-ben-list li::before,
.hyh .hh-bl-more,
.hyh .hh-bl-row>em,
.hyh .hh-cdk.line u,
.hyh .hh-chip,
.hyh .hh-cmp .us,
.hyh .hh-cmp-head .us,
.hyh .hh-coup-bar .hh-copy,
.hyh .hh-coup-grad .hh-copy,
.hyh .hh-ct-ic,
.hyh .hh-ct-inline i,
.hyh .hh-edc-arw,
.hyh .hh-edc-n,
.hyh .hh-eye,
.hyh .hh-faqchev,
.hyh .hh-fic,
.hyh .hh-hs-lrow span,
.hyh .hh-hs-pin,
.hyh .hh-ig-handle,
.hyh .hh-lk-cb span,
.hyh .hh-lk-chip em,
.hyh .hh-lk-pp,
.hyh .hh-mq2-dual i,
.hyh .hh-mq2-ticker i,
.hyh .hh-nl-grad button,
.hyh .hh-off,
.hyh .hh-pc li::before,
.hyh .hh-pr-min .hh-prmin b,
.hyh .hh-pricing-grad .hh-pc.feat .hh-btn,
.hyh .hh-resbar-h b,
.hyh .hh-resnum b,
.hyh .hh-statc b,
.hyh .hh-ticket-code,
.hyh .hh-tlnum,
.hyh .hh-trusti,
.hyh .hh-usp-mq b,
.hyh .hyh-collist.v-cards .hyh-collname em,
.hyh .hyh-collist.v-minimal .hyh-collname em,
.hyh .hyh-tabs.v-minimal .hyh-tab.on,
.hyh .hyh-tabs.v-underline .hyh-tab.on,
.hyh .prc-eyebrow,
.hyh .prct-eye,
.hyh .prct.st-glass .prct-eye,
.hyh .prf-eye,
.hyh .prf-eyebrow,
.hyh .prfp-eye,
.hyh .prg-eye,
.hyh .prico.st-gradient .prico-ic,
.hyh .prit-eye,
.hyh .prnl-eye,
.hyh .prnl.st-soft .prnl-eye,
.hyh .prq-eyebrow,
.hyh .prrt-eye,
.hyh .prs.st-gradient .prs-ic,
.hyh .prsm-eye,
.hyh .prvd-eye,
.hyh herovideo,
.hyh hotspots,
.hyh instagram,
.hyh lookbook,
.hyh slideshow{
  color:color-mix(in srgb, var(--acc) 52%, var(--tx));
}

/* ===== 7 quinquies) CONTRASTE — LO QUE QUEDA, MEDIDO CON PIXELES ======================
   El metodo anterior resolvia el fondo subiendo por el CSS y daba 1.214 avisos. Volviendo
   a medir con una captura del fondo real (texto en transparente y se lee el pixel que hay
   debajo de cada palabra) salen 200. La diferencia son degradados y fotos que el metodo
   por CSS no ve y confunde con "blanco sobre blanco". Estos 200 si son de verdad. */

/* 7q.1) LA FRASE DE APOYO QUE INYECTAMOS. Se pintaba con un tono fijo derivado de --tx,
   que es el color de texto de la PAGINA. Dentro de una franja oscura (la CTA en modo
   degradado) eso deja texto oscuro sobre fondo oscuro: 1,05 de contraste. Heredando de
   currentColor toma el color de la seccion en la que esta, sea clara u oscura. */
.hyh .hh-secsub{color:color-mix(in srgb, currentColor 80%, transparent)}

/* 7q.2) TEXTO SOBRE FOTO SIN VELO. Mismo arreglo que ya llevaban el carrusel, el video y
   la franja CTA. Faltaba el feed de Instagram y las tarjetas de lookbook: el texto blanco
   caia sobre la parte clara de la foto y se quedaba en 1,23. */
.hyh :is(.hh-ig-c,.hh-lk-c,.hh-hs-img,.hh-promo-c){position:relative;isolation:isolate}
.hyh :is(.hh-ig-c,.hh-lk-c,.hh-hs-img,.hh-promo-c)::after{content:"";position:absolute;inset:0;z-index:0;
  pointer-events:none;background:linear-gradient(180deg,rgba(10,11,16,.15),rgba(10,11,16,.62))}
.hyh :is(.hh-ig-ov,.hh-lk-ov,.hh-promo-ov,.hh-hs-ov){position:relative;z-index:1}

/* 7q.3) LA COLUMNA "OTROS" DE LA COMPARATIVA iba al 50 % de opacidad: 3,89. Es la columna
   que sostiene el argumento; si no se lee, la tabla no dice nada. */
.hyh :is(.hh-cmp .them,.hh-cmp-head .them,.hh-compare .them){opacity:1;
  color:color-mix(in srgb, var(--tx) 78%, transparent)}

/* 7q.4) MAS ACENTO USADO COMO TEXTO. Los que se escaparon de la regla de arriba porque su
   selector no coincidia exactamente. Misma mezcla: se conserva el tono y se gana lectura. */
.hyh :is(.hh-cmp .us,.hh-cmp-head .us,.hh-compare .us,.hh-faqchev,.hh-tlvnum,.hh-ftrow-n,
         .hh-ben-list span,.hh-ben span,.hh-rvx em,.hh-rvx .hh-stars,.hh-promo .hh-chip,
         .hh-promo b,.hh-ig-handle,.hh-bl-more){
  color:color-mix(in srgb, var(--acc) 48%, var(--tx))}

/* 7q.5) Las chapas de esquina y la barra de anuncio llevan el acento de FONDO y texto
   blanco encima. Con un acento claro (el neon de "conversion", el menta de
   "suscripcion") el blanco desaparece. Se les pone un fondo propio oscuro y translucido
   detras del texto, que funciona igual con acento claro y con acento oscuro. */
.hyh :is(.hh-cornbadge,.hh-an-lk){text-shadow:0 1px 2px rgba(0,0,0,.55)}
.hyh .hh-an{background-image:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.28))}
.hyh .hh-cornbadge{background-image:linear-gradient(rgba(0,0,0,.22),rgba(0,0,0,.22))}

/* 7q.6) LA FILA DE CABECERA DE LA COMPARATIVA ya lleva el acento de FONDO. Aclarar ahi
   el texto con el mismo acento deja acento sobre acento: 1,11 de contraste. Dentro de esa
   fila el texto tiene que heredar el color que la propia cabecera ya calculo. */
.hyh :is(.hh-cmp-head,.hh-cmp-row.hh-cmp-head) :is(.us,.them){color:inherit}

/* ===== 7 sexies) NINGUN TEXTO PEGADO AL BORDE ========================================
   En el editor el panel de vista previa es mas ESTRECHO que --wrap. Ahi
   "max-width:var(--wrap)" no hace nada, y cualquier seccion sin margen propio pega su
   texto al pixel 0. En la tienda no se veia porque la pantalla es mas ancha que --wrap.
   Esta regla no cambia nada cuando ya hay sitio y salva el caso estrecho. */
.hyh :is(.hh-ft,.hh-tl,.hh-ben,.hh-gal,.hh-tst,.hh-rvx,.hh-rv,.hh-compare,.hh-stats,
         .hh-pr,.hh-lg,.hh-tm,.hh-bl,.hh-st,.hh-rich,.hh-cd,.hh-nl,.hh-usps,.hh-ir,
         .hh-trust,.hh-pricing,.hh-ig,.hh-lk,.hh-deal,.hh-bd,.hh-feat,.hh-mp,.hh-ct)
  :is(h1,h2,h3,h4,p,ul,ol,dl){padding-left:max(0px,var(--gut));padding-right:max(0px,var(--gut))}
/* Dentro de una tarjeta o de una celda de rejilla el aire ya lo pone la tarjeta:
   si se sumara el de arriba, el texto quedaria hundido. */
.hyh :is([class*="-c"],[class*="card"],[class*="-cell"],[class*="-item"],li,td,th)
  :is(h1,h2,h3,h4,p){padding-left:0;padding-right:0}

/* ===== 7 septies) SUELO DE LEGIBILIDAD DEL TEXTO SECUNDARIO ==========================
   Medido con pixeles sobre las 17 familias: 295 textos por debajo del minimo. Casi todos
   son el mismo caso — el texto de apoyo dentro de las tarjetas (caracteristicas, pasos,
   ventajas, cifras, iconos) pintado al 58-66 % del color de texto. A ese nivel el
   contraste se queda entre 3,2 y 3,8, y el minimo comodo es 4,5.
   No es un problema de las familias oscuras: sale igual en las claras. Lo que falla es
   la idea de "gris suave" aplicada sin comprobar contra que fondo cae.
   Se pone un SUELO del 78 %: sigue leyendose como texto secundario (el titular esta al
   100 %) pero ya se lee de verdad. */
.hyh :is(.hh-ft,.hh-tl,.hh-usps,.hh-ir,.hh-stats,.hh-trust,.hh-ben,.hh-it,.hh-tst,
         .hh-pricing,.hh-pr,.hh-tm,.hh-bl,.hh-faq,.hh-rvx,.hh-rv,.hh-hero,.hh-hs,
         .hh-gal,.hh-lk,.hh-compare,.hh-cd,.hh-nl,.hh-deal,.hh-feat,.hh-bd,.hh-res)
  :is(span,p,em,b,li,dd){color:color-mix(in srgb, currentColor 100%, transparent)}
.hyh :is(.hh-ft,.hh-tl,.hh-usps,.hh-ir,.hh-stats,.hh-trust,.hh-ben,.hh-it,.hh-tst,
         .hh-pricing,.hh-pr,.hh-tm,.hh-bl,.hh-faq,.hh-rvx,.hh-rv,.hh-hero,.hh-hs,
         .hh-gal,.hh-lk,.hh-compare,.hh-cd,.hh-nl,.hh-deal,.hh-feat,.hh-bd,.hh-res)
  :is([class$="-tx"],[class$="-d"],[class$="-sub"],[class$="-desc"],[class$="-note"],
      [class$="-lab"],[class$="-cap"],[class$="-meta"],.hh-sub,.hh-secsub){
  color:color-mix(in srgb, var(--tx) 78%, transparent)}

/* La chapa de las promos iba con el acento sobre el acento: 1,09 de contraste. */
.hyh :is(.hh-promo .hh-chip,.hh-promo-c .hh-chip){background:rgba(10,11,16,.72);color:#fff;
  border:1px solid rgba(255,255,255,.28)}

/* ANTES / DESPUES: las dos etiquetas estaban en position:absolute con el MISMO
   left:14px, o sea una encima de la otra. No es que el texto fuera largo (que tambien):
   es que la segunda nunca tuvo sitio propio. La de "despues" se va a la derecha, que es
   donde corresponde en una comparacion de dos mitades. */
.hyh .hh-ba-lab{max-width:min(42%,240px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hyh .hh-ba-lab:last-of-type,.hyh .hh-ba-lab+.hh-ba-lab{left:auto;right:14px}

/* ===== 7 octies) SECCIONES CON SUPERFICIE OSCURA PROPIA ==============================
   Este es el "texto oscuro sobre fondo oscuro" de verdad, y no era cosa de las familias
   oscuras: pasa en las CLARAS. Una comparativa en modo oscuro o una portada a sangre
   pintan su propio fondo negro, pero el texto de dentro se calcula a partir de --tx, que
   en una familia clara es casi negro. Resultado: negro sobre negro.
   La solucion no es repintar cada texto: es redefinir --tx DENTRO de esa superficie, y
   asi todas las reglas de arriba se corrigen solas.

   AVISO: aqui va una LISTA EXACTA, no un comodin. El primer intento uso
   [class*="-dark"] y compañia, y de paso pinto de blanco secciones claras cuyo nombre
   contenia esos trozos: los avisos de texto ilegible subieron de 66 a 97. Cada clase de
   esta lista esta comprobada una a una.
   Para añadir una nueva: mirar que su fondo sea solido y oscuro ANTES de meterla. */
.hyh :is(.hh-hero-full,.hh-hero-aurora,.hh-full-bottom,.hh-full-min,.hh-cta-bar,
         .hh-compare-dark,.hh-cmp.dark,.hh-pc.dark,.hh-deal-dark,.hh-pricing-dark,
         .hh-hotspots-dark,.hh-map-dark,.hh-bundle-dark,.hh-st-band,.hh-stats-band,
         .hh-feat-spotlight,.hh-rich-box,.hh-vid-box,.hh-hv-bg){
  --tx:#f4f6fa;color:#f4f6fa;
}
.hyh :is(.hh-hero-full,.hh-hero-aurora,.hh-full-bottom,.hh-full-min,.hh-cta-bar,
         .hh-compare-dark,.hh-cmp.dark,.hh-pc.dark,.hh-deal-dark,.hh-pricing-dark,
         .hh-hotspots-dark,.hh-map-dark,.hh-bundle-dark,.hh-st-band,.hh-stats-band,
         .hh-feat-spotlight,.hh-rich-box,.hh-vid-box,.hh-hv-bg)
  :is(h1,h2,h3,h4,p,span,li,em,b,strong,summary,dt,dd){color:inherit}

/* ===== 7 nonies) AIRE VERTICAL ========================================================
   Medido: la franja de cierre de doce familias tiene 20 px por debajo del boton y
   detras viene ya el footer del tema. Se lee como "pegado", porque lo esta. Lo mismo
   arriba con la primera seccion cuando no es una portada a sangre.
   Se distingue entre BANDAS (que llevan texto y necesitan respirar) y BARRAS (la de
   anuncio, la cinta, la de envio gratis), que por diseño van finas y no se tocan. */
.hyh :is(.hh-cta,.hh-nl,.hh-st,.hh-coup,.hh-rich,.hh-ben,.hh-res,.hh-stats,.hh-trust,
         .hh-usps,.hh-ir,.hh-pr,.hh-lg,.hh-tm){
  padding-top:max(var(--aire,clamp(44px,5vw,72px)),0px);
  padding-bottom:max(var(--aire,clamp(44px,5vw,72px)),0px);
}
/* Las barras van finas a proposito: no se les toca. */
.hyh :is(.hh-an,.hh-mq2,.hh-sb,.hh-shipbar){--aire:clamp(10px,1.4vw,16px)}

/* Y el contenido no puede morir contra el footer del tema ni empezar pegado a la
   cabecera.

   AVISO GORDO, y esta vez comprobado leyendo prerender.ts y el liquid:
   ".hly-pre" significa COSAS DISTINTAS en cada sitio.
     · EDITOR : un solo <div class="hly-pre"> envolviendo TODAS las secciones.
     · TIENDA : prerender.ts envuelve CADA seccion en su propio <div class="hly-pre">
                (prerender.ts:138), y el liquid las cuelga de <div id="headly-home">.
   Consecuencia: "#headly-home > .hly-pre{padding-bottom}" ponia el margen UNA vez en el
   editor y DIECISIETE veces en la tienda. La regla se aplicaba, pero hacia otra cosa.
   REGLA: si algo tiene que pasar UNA vez por pagina, va en #headly-home, nunca en
   .hly-pre. */
#headly-home,#headly-prod,#headly-coll{padding-bottom:clamp(24px,3vw,44px)}
/* La PRIMERA seccion tambien tiene que respirar: medido, empezaba a 0 px de la cabecera
   del tema en nueve familias (la barra de anuncio, que ademas lleva esquinas redondeadas
   y se veia encajada a presion contra el menu).
   Excepcion: si la primera es una portada a sangre o un carrusel, ahi el diseño PIDE
   que toque la cabecera y no se le pone nada. */
:is(#headly-home,#headly-prod,#headly-coll) > .hly-pre:first-child:not(:has(.hh-hero-full,.hh-ss,.hh-hv,.hh-fi)){
  padding-top:clamp(14px,2vw,26px)}
/* Relleno y no margen a proposito: el contenedor no tiene ni borde ni relleno arriba,
   asi que un margin-top del primer hijo se COLAPSA hacia fuera y no separa nada.
   Medido: con margin se quedaba en 12 px; con padding sube a los 38 que tocan. */

/* ===== 8) ESCALA TIPOGRAFICA UNICA ====================================================
   Medido sobre una portada completa: los titulares de seccion salian a 38, 42, 46 y 52 px
   y los cuerpos a 14, 14.5, 16 y 17. Cuatro tamaños para lo mismo. El ojo lo lee como
   descuido, aunque no sepa decir por que: una seccion parece mas importante que otra sin
   ningun motivo, y el conjunto se ve montado a trozos.
   A partir de aqui hay DOS tamaños de titular y DOS de cuerpo, y no mas:
     · portada (el primer titular de la pagina) ... 52 px
     · titular de seccion ....................... 42 px
     · cuerpo de lectura ........................ 17 px
     · texto secundario (pies, metadatos) ....... 15 px
   Todo con clamp(), para que en movil baje solo sin necesidad de media queries. */

/* Titulares de seccion: se igualan los que se salian por arriba y por abajo. */
.hyh :is(.hh-ben,.hh-rich,.hh-cd,.hh-cta,.hh-st,.hh-gal,.hh-ft,.hh-tl,.hh-ba,.hh-compare,
         .hh-rvx,.hh-faq,.hh-it,.hh-pr,.hh-res,.hh-sb,.hh-trust,.hh-stats,.hh-tm,.hh-lg)
  :is(h2,h3):first-of-type{font-size:clamp(26px,3.3vw,42px);line-height:1.08;letter-spacing:-.03em}

/* La portada manda: es la unica que puede ser mas grande. */
.hyh :is(.hh-hero,.hh-hs,.hh-ss,.hh-hv) :is(h1,h2):first-of-type{font-size:clamp(32px,4.3vw,52px)}

/* Cuerpos de lectura. 14 px en escritorio es demasiado pequeño para un parrafo largo:
   se lee con esfuerzo y la gente lo salta. */
.hyh :is(.hh-it,.hh-ben,.hh-rich,.hh-ft,.hh-tl,.hh-faq,.hh-rvx,.hh-compare) p{font-size:17px;line-height:1.62}

/* Texto secundario: pies, autores, metadatos, contadores. Un solo tamaño para todos. */
.hyh :is([class$="-eye"],[class$="-eyebrow"],[class$="-au"],[class$="-meta"],
         [class$="-note"],[class$="-cap"],[class$="-lb"]){font-size:15px}

/* Los pasos de "como funciona" y las tarjetas de caracteristicas se quedaban en 13,5 px:
   por debajo de 15 un parrafo se lee con esfuerzo y la gente lo salta entero. */
.hyh :is(.hh-tl,.hh-ft,.hh-ir,.hh-usps,.hh-trust) :is(p,span,div):not(:has(*)){font-size:15px;line-height:1.55}

/* Titular para las secciones que no lo tenian (cifras, marcas, garantias, ventajas...).
   Mismo tamaño que el resto de titulares de seccion: no hay motivo para que "Cifras"
   se vea distinto de "Preguntas frecuentes". */
.hyh .hh-sectit{font-size:clamp(26px,3.3vw,42px);line-height:1.08;letter-spacing:-.03em;
  text-align:center;margin:0 auto 10px;max-width:min(var(--wrap,1200px),100%);
  padding-left:var(--gut);padding-right:var(--gut);box-sizing:border-box}

/* La frase de apoyo que ahora puede llevar CUALQUIER seccion debajo de su titular.
   Va centrada si la seccion lo esta, y con un ancho maximo en "ch" para que no salgan
   lineas de 140 caracteres, que es donde el ojo se pierde al saltar de renglon. */
.hyh .hh-secsub{font-size:17px;line-height:1.62;max-width:min(62ch,100%);
  margin:10px auto 26px;text-align:center;padding-left:var(--gut);padding-right:var(--gut);
  box-sizing:border-box}
/* El COLOR de .hh-secsub se fija mas arriba (7q.1) heredando de currentColor. Aqui no se
   toca: si se vuelve a poner un color derivado de --tx, esta regla gana por ir despues y
   el texto se queda oscuro sobre las franjas oscuras. Ya paso una vez. */
/* Cuando no hay titular del que colgarla, la frase va al final de la seccion. Se le
   quita el margen inferior para que no abra un hueco al cerrar el bloque. */
.hyh .hh-secsub-suelto{flex-basis:100%;margin:12px auto 0;text-align:center}
@media (max-width:640px){.hyh .hh-secsub{font-size:15.5px;margin-bottom:20px}}

/* Las tarjetas dentro de una rejilla llevan titular pequeño A PROPOSITO: son fichas,
   no secciones. Se les fija su propio tamaño para que no las arrastre la regla de arriba. */
.hyh :is(.hh-itcol,.hh-ftc,.hh-tlc,.hh-cmpc) :is(h3,h4){font-size:19px;line-height:1.25}

/* 7.5) MOVIL: lo unico que se PIERDE de verdad ==========================================
   Nueve combinaciones cortaban contenido a 390 px, y las nueve vienen del mismo sitio:
   .hh-hs-img esta declarada dos veces (min-height:420px para la portada dividida y
   aspect-ratio:16/9 para los puntos calientes). Multiplicado da 747 px de ancho en una
   pantalla de 390. El punto 6 de arriba ya lo neutralizo para .hh-hs-dots; faltaban el
   resto de variantes. */
@media (max-width:820px){
  .hyh .hh-hs-img,.hyh .hh-hs-frameimg{min-height:0;width:100%;max-width:100%}
  .hyh .hh-hs-cardin{max-width:100%}
  /* Una columna de rejilla no baja del ancho de su contenido salvo que se le diga. */
  .hyh .hh-fbento,.hyh .hh-fbento>*,.hyh .hh-fbento-img{min-width:0;max-width:100%}
}


    .hyp{max-width:var(--wrap);margin:0 auto;padding:8px 16px}
    .hyp-upsell{margin-top:16px;border:1px solid #15161c14;border-radius:14px;padding:14px}
    .hyp-upsell-h{font-size:13px;font-weight:800;margin-bottom:8px}
    .hyp-ur{display:flex;align-items:center;gap:12px;padding:9px 0;cursor:pointer}
    .hyp-ur+.hyp-ur{border-top:1px solid #15161c0f}
    .hyp-uck{width:20px;height:20px;border-radius:6px;border:2px solid #15161c30;flex:none}
    .hyp-uimg{width:44px;height:44px;border-radius:9px;overflow:hidden;background:#6c5ce712;flex:none}
    .hyp-uimg img{width:100%;height:100%;object-fit:cover}
    .hyp-utx{flex:1}.hyp-utx b{display:block;font-size:13.5px}.hyp-utx span{font-size:12px;opacity:.65}
    .hyp-upr{font-weight:800;color:#6c5ce7}
    .hyp-main{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:start}
    .hyp-main.rev .hyp-gallery{order:2}
    .hyp-main.below{grid-template-columns:1fr;gap:22px;max-width:760px;margin:0 auto}
    .hyp-gallery{position:sticky;top:12px}
    .hyp-main.below .hyp-gallery{position:static}
    .hyp-left{display:block;align-self:start}
    .hyp-main.rev .hyp-left{order:2}
    .hyp-left .hyp-gallery{position:static}
    .hyp-below{margin-top:12px;display:grid;gap:9px}
    .hyp-main.below .hyp-below{max-width:var(--wrap)}
    .hyp-bl{display:grid;gap:10px}
    .hyp-bl-h{font-size:14px;font-weight:800;color:#15161c;margin-bottom:2px}
    .hyp-bl-ic{width:34px;height:34px;border-radius:10px;background:#6c5ce712;color:#6c5ce7;display:grid;place-items:center;flex:none}.hyp-bl-ic .pico{width:17px;height:17px}
    .bl-cards .hyp-bl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:10px}
    .hyp-bl-c{display:flex;flex-direction:column;gap:6px;border:1px solid #15161c14;border-radius:14px;padding:14px 12px;background:#fff}
    .hyp-bl-c b{font-size:13.5px;color:#15161c}.hyp-bl-c span{font-size:12px;color:#15161c88;line-height:1.45}
    .hyp-bl-row{display:flex;align-items:center;gap:11px;border:1px solid #15161c12;border-radius:12px;padding:11px 13px;background:#fff}
    .hyp-bl-row .hyp-bl-tx b{display:block;font-size:13.5px;color:#15161c}.hyp-bl-row .hyp-bl-tx span{font-size:12px;color:#15161c80}
    .bl-text .hyp-bl-p{border-left:3px solid #6c5ce744;padding:2px 0 2px 12px}.bl-text .hyp-bl-p b{display:block;font-size:14px;color:#15161c;margin-bottom:2px}.bl-text .hyp-bl-p p{margin:0;font-size:13px;color:#15161c88;line-height:1.55}
    .bl-banner .hyp-bl-ban{display:flex;align-items:center;gap:12px;border-radius:14px;padding:13px 15px;background:#6c5ce70a;border:1px solid #6c5ce71f}
    .bl-banner .hyp-bl-tx b{display:block;font-size:13.5px;color:#15161c}.bl-banner .hyp-bl-tx span{font-size:12px;color:#15161c88}
    @media(max-width:749px){.bl-cards .hyp-bl-grid{grid-template-columns:1fr}}
    .hyp-main-img{position:relative;border-radius:18px;overflow:hidden;background:#f2f3f7 linear-gradient(135deg,#6c5ce718,#6c5ce706);aspect-ratio:1/1}
    .hyp-main-img img{width:100%;height:100%;object-fit:cover;display:block}
    .hyp-ph{display:block;width:100%;height:100%}
    .hyp-badge{position:absolute;top:14px;left:14px;background:#6c5ce7;color:#fff;font-size:12px;font-weight:800;padding:5px 11px;border-radius:20px}
    .hyp-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
    .hyp-thumb{width:70px;height:70px;border-radius:12px;overflow:hidden;border:2px solid transparent;background:#f2f3f7;display:block}
    .hyp-thumb.on{border-color:#6c5ce7}
    .hyp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
    .hyp-vendor{display:block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6c5ce7;margin-bottom:8px}
    .hyp-title{font-size:32px;line-height:1.15;margin:0 0 10px;font-weight:800}
    .hyp-stars{color:#d18700;font-size:15px;margin-bottom:14px} .hyp-stars em{color:#9aa0ac;font-style:normal;font-size:13px}
    .hyp-price{display:flex;align-items:center;gap:12px;margin-bottom:14px} .hyp-now{font-size:28px;font-weight:800} .hyp-was{font-size:17px;color:#78808f;text-decoration:line-through} .hyp-save{background:#6c5ce714;color:#6c5ce7;font-size:13px;font-weight:800;padding:3px 9px;border-radius:20px}
    .hyp-desc{font-size:14.5px;opacity:.75;line-height:1.6;margin-bottom:20px}
    .hyp-vlabel{display:block;font-size:12px;font-weight:700;opacity:.6;margin-bottom:6px} .hyp-variant{width:100%;padding:13px 14px;border:1px solid #15161c30;border-radius:12px;font-size:15px;background:transparent;color:inherit;margin-bottom:14px}
    .hyp-qtyrow{display:flex;gap:12px} .hyp-qty{display:flex;align-items:center;border:1px solid #15161c30;border-radius:12px;overflow:hidden;flex:none} .hyp-qty button{width:44px;height:52px;border:0;background:transparent;font-size:20px;color:inherit;cursor:pointer} .hyp-qty input{width:46px;height:52px;border:0;text-align:center;font-size:16px;background:transparent;color:inherit}
    .hyp-add{flex:1;border:0;border-radius:12px;background:#6c5ce7;color:#fff;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 10px 26px #6c5ce744;padding:16px 22px;min-height:54px;line-height:1.1}
    .hyp-qtyrow{align-items:stretch}
    .hyp-qty{align-self:stretch}
    .hyp-buy2{display:block;width:100%;margin-top:10px;padding:15px;border-radius:12px;border:1px solid #6c5ce7;background:transparent;color:#6c5ce7;font-size:15px;font-weight:800;text-align:center;cursor:pointer}
    .hyp-trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px 18px;margin-top:20px;padding-top:20px;border-top:1px solid #15161c14} .hyp-tr{display:flex;align-items:center;gap:10px;font-size:13px} .hyp-tr svg{width:20px;height:20px;color:#6c5ce7;flex:none} .hyp-tr b{font-weight:700} .hyp-tr span{opacity:.75}
    .hyp-pay{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:12px;opacity:.6;flex-wrap:wrap} .hyp-pay i{font-style:normal;border:1px solid #15161c25;border-radius:5px;padding:2px 7px;font-weight:800;font-size:11px}
    .pdp-sticky{position:sticky;bottom:0;z-index:40;background:#ffffff;border-top:1px solid #15161c14;box-shadow:0 -6px 24px rgba(0,0,0,.12)}
    .pdp-sticky-in{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px}
    .hyp-stock{font-size:12.5px;font-weight:700;margin:-4px 0 14px}
    .hyp-stock.ok{color:#16a34a}.hyp-stock.low{color:#e0691f}.hyp-stock.out{color:#c0343d}
    .pdp-sticky-info{display:flex;align-items:center;gap:12px;min-width:0} .pdp-sticky-img{width:46px;height:46px;border-radius:10px;overflow:hidden;background:#6c5ce712;flex:none} .pdp-sticky-img img{width:100%;height:100%;object-fit:cover} .pdp-sticky-tx{display:flex;flex-direction:column;min-width:0} .pdp-sticky-tx b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px} .pdp-sticky-tx em{font-style:normal;font-weight:800;color:#6c5ce7;font-size:13px}
    .pdp-sticky-btn{border:0;border-radius:10px;background:#6c5ce7;color:#fff;font-weight:800;font-size:14px;padding:11px 22px;cursor:pointer;flex:none}
    .pdp-vol-sec,.pdp-fbt-sec,.pdp-recent-sec,.pdp-ingr-sec,.pdp-specs-sec,.pdp-size-sec,.pdp-up-sec,.pdp-ship-sec{max-width:var(--wrap);margin:0 auto;padding:34px 20px}
    .pdp-vol-sec h2,.pdp-fbt-sec h2,.pdp-recent-sec h2,.pdp-ingr-sec h2,.pdp-specs-sec h2,.pdp-size-sec h2,.pdp-up-sec h2,.pdp-ship-sec h2{text-align:center;margin:0 0 20px;font-size:22px}
    .pdp-vol{display:grid;gap:12px;max-width:560px;margin:0 auto}
    .pdp-vol-c{position:relative;display:flex;align-items:center;gap:14px;border:2px solid #15161c18;border-radius:14px;padding:16px;cursor:pointer}
    .pdp-vol-c.on{border-color:#6c5ce7;background:#6c5ce70a}
    .pdp-vol-tag{position:absolute;top:-10px;right:16px;background:#6c5ce7;color:#fff;font-size:11px;font-weight:800;padding:3px 10px;border-radius:20px}
    .pdp-vol-radio{width:20px;height:20px;border-radius:50%;border:2px solid #15161c30;flex:none} .pdp-vol-c.on .pdp-vol-radio{border-color:#6c5ce7;background:radial-gradient(circle,#6c5ce7 45%,transparent 48%)}
    .pdp-vol-main{flex:1;display:flex;flex-direction:column;gap:2px} .pdp-vol-main b{font-size:15px} .pdp-vol-off{font-size:12px;font-weight:800;color:#1f9d55}
    .pdp-vol-price{text-align:right} .pdp-vol-price b{display:block;font-size:16px;font-weight:800} .pdp-vol-price em{font-style:normal;font-size:11px;opacity:.6}
    .pdp-fbt{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap} .pdp-fbt-p{width:130px;text-align:center} .pdp-fbt-img{display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#f0f0f4 linear-gradient(135deg,#6c5ce718,#6c5ce706)} .pdp-fbt-img img{width:100%;height:100%;object-fit:cover} .pdp-fbt-t{display:block;font-size:12px;margin-top:8px;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pdp-fbt-pr{display:block;font-weight:800;font-size:13px}
    .pdp-fbt-plus,.pdp-fbt-eq{font-size:22px;font-weight:800;opacity:.4} .pdp-fbt-cta{border:1.5px dashed #6c5ce766;border-radius:16px;padding:16px 20px;display:flex;flex-direction:column;gap:3px;align-items:center} .pdp-fbt-old{font-size:13px;opacity:.5;text-decoration:line-through} .pdp-fbt-total{font-size:24px;font-weight:800;color:#6c5ce7} .pdp-fbt-save{font-size:12px;font-weight:800;color:#1f9d55;margin-bottom:8px}
    .pdp-stock-sec{max-width:560px;margin:0 auto;padding:16px 20px} .pdp-stock-top{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:8px} .pdp-stock-bar{height:10px;border-radius:6px;background:#6c5ce71f;overflow:hidden} .pdp-stock-bar span{display:block;height:100%;background:linear-gradient(90deg,#c0343d,#e0691f);border-radius:6px}
    .pdp-recent{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:10px} .pdp-recent-i{display:flex;align-items:center;gap:12px;border:1px solid #15161c12;border-radius:12px;padding:12px 14px;font-size:13px} .pdp-recent-dot{width:9px;height:9px;border-radius:50%;background:#1f9d55;flex:none;box-shadow:0 0 0 4px #1f9d5522} .pdp-recent-tx{flex:1} .pdp-recent-time{font-size:11.5px;opacity:.5}
    .pdp-guar-sec{max-width:var(--wrap);margin:20px auto;padding:0 20px} .pdp-guar{display:flex;align-items:center;gap:18px;border:1px solid #6c5ce733;background:#6c5ce70a;border-radius:18px;padding:22px 24px} .pdp-guar-ic{width:52px;height:52px;border-radius:14px;background:#6c5ce718;color:#6c5ce7;display:grid;place-items:center;flex:none} .pdp-guar-ic svg{width:26px;height:26px} .pdp-guar-tx{flex:1} .pdp-guar-tx b{display:block;font-size:16px;margin-bottom:3px} .pdp-guar-tx span{font-size:13.5px;opacity:.72}
    .pdp-pay-sec{padding:20px} .pdp-payments{max-width:var(--wrap);margin:0 auto;text-align:center} .pdp-pay-h{display:block;font-size:13px;font-weight:700;opacity:.7;margin-bottom:10px} .pdp-pay-row{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:center} .pdp-pay-row i{font-style:normal;border:1px solid #15161c22;border-radius:6px;padding:4px 10px;font-weight:800;font-size:12px;opacity:.75}
    .pdp-ship{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:18px} .pdp-ship-i{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px} .pdp-ship-ic{width:48px;height:48px;border-radius:13px;background:#6c5ce712;color:#6c5ce7;display:grid;place-items:center} .pdp-ship-ic svg{width:24px;height:24px} .pdp-ship-i b{font-size:14px} .pdp-ship-i span{font-size:12.5px;opacity:.66}
    .pdp-ingr-lead{text-align:center;max-width:600px;margin:0 auto 20px;opacity:.72;font-size:14.5px} .pdp-ingr{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:16px} .pdp-ingr-i{border:1px solid #15161c12;border-radius:14px;padding:18px} .pdp-ingr-i b{display:block;font-size:14.5px;margin-bottom:4px;color:#6c5ce7} .pdp-ingr-i span{font-size:13px;opacity:.7}
    .pdp-specs{max-width:640px;margin:0 auto;border:1px solid #15161c14;border-radius:14px;overflow:hidden} .pdp-specs-r{display:flex;justify-content:space-between;gap:16px;padding:13px 18px;font-size:14px} .pdp-specs-r:nth-child(odd){background:#6c5ce706} .pdp-specs-r span{opacity:.66} .pdp-specs-r b{font-weight:700}
    .pdp-size-wrap{max-width:640px;margin:0 auto;overflow-x:auto} .pdp-size{width:100%;border-collapse:collapse;font-size:14px} .pdp-size th,.pdp-size td{border:1px solid #15161c14;padding:11px 14px;text-align:center} .pdp-size th{background:#6c5ce712;font-weight:800;color:#6c5ce7}
    .pdp-up{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:12px} .pdp-up-i{display:flex;align-items:center;gap:14px;border:1px solid #15161c14;border-radius:14px;padding:12px 14px;cursor:pointer} .pdp-up-chk{width:22px;height:22px;border-radius:6px;border:2px solid #15161c30;flex:none} .pdp-up-img{width:56px;height:56px;border-radius:10px;overflow:hidden;background:#6c5ce712;flex:none} .pdp-up-img img{width:100%;height:100%;object-fit:cover} .pdp-up-tx{flex:1} .pdp-up-tx b{display:block;font-size:14px} .pdp-up-tx span{font-size:12.5px;opacity:.66} .pdp-up-pr{font-weight:800;color:#6c5ce7}
    .pdp-up.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:12px;max-width:none} .pdp-upc{border:1px solid #15161c14;border-radius:14px;padding:14px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center} .pdp-upc .pdp-up-img{width:80px;height:80px} .pdp-up-add{font-size:12.5px;font-weight:800;color:#6c5ce7;border:1px solid #6c5ce7;border-radius:8px;padding:6px 12px;cursor:pointer}
    @media(max-width:749px){.hyp-main{grid-template-columns:1fr;gap:24px}.hyp-gallery{position:static}.hyp-title{font-size:26px}.hyp-trust{grid-template-columns:1fr}.pdp-ship,.pdp-ingr{grid-template-columns:1fr}.pdp-fbt{flex-direction:column}}
    .hyp-gallery.tl{display:grid;grid-template-columns:70px 1fr;gap:12px}
    .hyp-gallery.tl .hyp-thumbs.col{display:flex;flex-direction:column;gap:10px;margin:0}
    .hyp-thumbs.col .hyp-thumb{width:100%;height:64px}
    .hyp-gallery.grid,.hyp-gallery.stk{display:grid;gap:10px} .hyp-gallery.grid{grid-template-columns:1fr 1fr}
    .hyp-gi{position:relative;border-radius:16px;overflow:hidden;background:#f2f3f7 linear-gradient(135deg,#6c5ce718,#6c5ce706);aspect-ratio:1/1} .hyp-gi img{width:100%;height:100%;object-fit:cover;display:block}
    .hyp-gallery.car .hyp-dots2{display:flex;gap:6px;justify-content:center;margin-top:12px} .hyp-gallery.car .hyp-dots2 span{width:8px;height:8px;border-radius:50%;background:#15161c22} .hyp-gallery.car .hyp-dots2 span.on{background:#6c5ce7;width:20px;border-radius:5px}
    .hyp-opt{margin-bottom:14px} .hyp-opt .hyp-vlabel{margin-bottom:8px}
    .hyp-sw{display:flex;gap:10px;flex-wrap:wrap} .hyp-swi{width:30px;height:30px;border-radius:50%;cursor:pointer;box-shadow:0 0 0 2px #fff,0 0 0 3px #15161c20} .hyp-swi.on{box-shadow:0 0 0 2px #fff,0 0 0 3px #6c5ce7}
    .hyp-sizes,.hyp-btns{display:flex;gap:8px;flex-wrap:wrap} .hyp-size,.hyp-vbtn{min-width:44px;text-align:center;padding:10px 14px;border:1.5px solid #15161c22;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer} .hyp-size.on,.hyp-vbtn.on{border-color:#6c5ce7;background:#6c5ce70f;color:#6c5ce7}
    .hyp-imgsw{display:flex;gap:8px;flex-wrap:wrap} .hyp-imgswi{width:52px;height:52px;border-radius:10px;overflow:hidden;border:2px solid transparent;background:#6c5ce712;cursor:pointer} .hyp-imgswi.on{border-color:#6c5ce7} .hyp-imgswi img{width:100%;height:100%;object-fit:cover}
    .hyp-vradios{display:flex;flex-direction:column;gap:8px;margin-bottom:14px} .hyp-vradio{display:flex;align-items:center;gap:10px;border:1.5px solid #15161c18;border-radius:10px;padding:11px 14px;font-size:14px;cursor:pointer} .hyp-vradio.on{border-color:#6c5ce7;background:#6c5ce708} .hyp-radio{width:18px;height:18px;border-radius:50%;border:2px solid #15161c30;flex:none} .hyp-vradio.on .hyp-radio{border-color:#6c5ce7;background:radial-gradient(circle,#6c5ce7 45%,transparent 48%)}
    .hyp-form .hyb{margin-bottom:16px}
    .hyp-extras{display:grid;gap:9px;margin-top:14px} .xtr{display:flex;align-items:center;gap:11px;font-size:13px} .xtr-ic{width:32px;height:32px;border-radius:9px;background:#6c5ce710;color:#6c5ce7;display:grid;place-items:center;flex:none} .xtr-ic .pico{width:16px;height:16px}
    .xtr-acts{display:flex;gap:10px;margin-top:12px} .xtr-act{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #15161c20;background:transparent;color:inherit;border-radius:11px;padding:11px;font-size:13px;font-weight:700;cursor:pointer} .xtr-act .pico{width:16px;height:16px;color:#6c5ce7}
    .hyp-pay{margin-top:18px;padding-top:16px;border-top:1px solid #15161c12;display:flex;flex-direction:column;gap:10px} .hyp-pay-secure{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;opacity:.8} .hyp-pay-secure .pico{width:15px;height:15px;color:#6c5ce7} .hyp-pay-badges{display:flex;gap:7px;flex-wrap:wrap} .hyp-pay-badges i{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.02em;color:#15161c99;background:#15161c08;border:1px solid #15161c12;border-radius:6px;padding:4px 9px}
    .pico{width:17px;height:17px;flex:none;display:block}
    .hyp-urgs{display:grid;gap:9px;margin:4px 0 18px} .uq{font-size:13.5px;line-height:1.35;color:inherit} .uq .uq-ic{color:#6c5ce7;display:inline-flex;flex:none}
    .uq-line{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px} .uq-line .uq-t b{font-weight:800}
    .uq-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;font-weight:700;width:fit-content}
    .uq-live{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:11px} .uq-live b{color:#6c5ce7;font-weight:800}
    .uq-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;flex:none}
    .uq-avs{display:inline-flex;flex:none} .uq-avs span{width:20px;height:20px;border-radius:50%;border:2px solid #fff;margin-left:-7px;box-shadow:0 1px 3px rgba(0,0,0,.12)} .uq-avs span:first-child{margin-left:0}
    .uq-bar{padding:11px 13px;border-radius:12px} .uq-bh{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;margin-bottom:8px} .uq-bh b{color:#6c5ce7;font-weight:800}
    .uq-track{height:7px;border-radius:5px;background:#15161c12;overflow:hidden} .uq-track>span{display:block;height:100%;border-radius:5px;background:#6c5ce7}
    .uq-bar.danger .uq-track>span{background:linear-gradient(90deg,#e11d48,#f97316)} .uq-bar.danger .uq-bh b{color:#e11d48} .uq-bar.green .uq-track>span{background:#16a34a} .uq-bar.green .uq-bh b{color:#16a34a}
    .uq-cap{display:block;margin-top:7px;font-size:11.5px;opacity:.6}
    .uq-cd{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px} .uq-cdx{display:flex;flex-direction:column;gap:6px} .uq-cdl{font-size:11.5px;opacity:.72;font-weight:600} .uq-cdb{display:flex;align-items:center;gap:5px} .uq-cdb b{background:#15161c;color:#ffffff;font-variant-numeric:tabular-nums;font-weight:800;font-size:15px;padding:5px 8px;border-radius:7px;min-width:32px;text-align:center;letter-spacing:.5px} .uq-cdb i{font-style:normal;opacity:.4;font-weight:800}
    .uq-flash{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;border-radius:12px;background:linear-gradient(100deg,#e11d48,#f97316);color:#fff;font-weight:800} .uq-flash .uq-ic{color:#fff}
    .uq-line.warn{color:#b91c1c} .uq-line.warn .uq-ic{color:#e11d48} .uq-line.ok{color:#15803d} .uq-line.ok .uq-ic{color:#16a34a}
    .st-soft .uq-line,.st-soft .uq-live,.st-soft .uq-bar,.st-soft .uq-cd{background:#6c5ce70a} .st-soft .uq-badge{background:#6c5ce712;color:#6c5ce7}
    .st-outline .uq-line,.st-outline .uq-live,.st-outline .uq-bar,.st-outline .uq-cd{border:1px solid #15161c16;background:transparent} .st-outline .uq-badge{border:1px solid #6c5ce7;color:#6c5ce7}
    .st-bold .uq-line,.st-bold .uq-live,.st-bold .uq-cd{background:#6c5ce7;color:#fff} .st-bold .uq-ic,.st-bold .uq-live b{color:#fff} .st-bold .uq-bar{background:#6c5ce7;color:#fff} .hyp-urgs.st-bold .uq-bh b,.hyp-urgs.st-bold .uq-bh span b{color:#fff} .st-bold .uq-track{background:rgba(255,255,255,.28)} .st-bold .uq-track>span{background:#fff} .st-bold .uq-cdb b{background:#fff;color:#6c5ce7} .st-bold .uq-badge{background:#6c5ce7;color:#fff}
    .st-minimal .uq-line,.st-minimal .uq-live,.st-minimal .uq-bar,.st-minimal .uq-cd{background:transparent;padding:4px 0} .st-minimal .uq-badge{background:transparent;padding:4px 0;color:#6c5ce7}
    .pdp-pop{position:fixed;z-index:60;max-width:300px;pointer-events:none;opacity:0;transform:translateY(12px)} .pdp-pop.pos-bl{left:18px;bottom:18px} .pdp-pop.pos-br{right:18px;bottom:18px}
    .hyp-rc{margin:14px 0;border:1px solid #15161c12;border-radius:14px;padding:14px 16px;background:#6c5ce706} .hyp-rc-h{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin-bottom:8px} .hyp-rc-slides{position:relative;min-height:82px} .hyp-rc-s{position:absolute;inset:0;opacity:0;transition:opacity .5s;pointer-events:none;margin:0} .hyp-rc-s.on{opacity:1;position:relative;pointer-events:auto} .hyp-rc-stars{color:#d18700;font-size:13px;letter-spacing:1px} .hyp-rc-s p{margin:5px 0 6px;font-size:14px;line-height:1.5;font-style:italic} .hyp-rc-s cite{font-size:12.5px;font-weight:700;font-style:normal;opacity:.7} .hyp-rc-dots{display:flex;gap:6px;margin-top:8px} .hyp-rc-dots span{width:7px;height:7px;border-radius:50%;background:#15161c25} .hyp-rc-dots span.on{background:#6c5ce7;width:18px;border-radius:99px}
  
    :root{--a07:#6c5ce707;--a08:#6c5ce708;--a0a:#6c5ce70a;--a12:#6c5ce712;--a14:#6c5ce714;--a15:#6c5ce715;--a1a:#6c5ce71a;--a22:#6c5ce722;--a33:#6c5ce733;--a55:#6c5ce755;--a66:#6c5ce766;--t0f:#15161c0f;--t14:#15161c14;--t16:#15161c16;--t25:#15161c25;--t30:#15161c30}
.hb{margin:4px 0 16px}.hb-h{font-size:13px;font-weight:800;margin-bottom:10px}.hb-list{display:grid;gap:10px}.hb-o{position:relative;cursor:pointer;color:inherit}
    .hb-rib{position:absolute;top:-10px;left:14px;background:var(--acc);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;padding:3px 10px;border-radius:20px;text-transform:uppercase}
    .hb-gift{display:inline-flex;align-items:center;gap:4px;margin-top:3px;color:var(--acc);font-weight:700;font-size:11px}
    .hb-m{flex:1;display:flex;flex-direction:column;gap:2px}.hb-m>b{font-size:15px}.hb-m em{font-style:normal;font-size:11.5px;opacity:.55}.hb-save{font-style:normal;font-size:11.5px;color:#16a34a;font-weight:700}.hb-p2{font-weight:800;font-size:15px}
    .hb-radio .hb-o{display:flex;align-items:center;gap:13px;border:1.5px solid var(--t16);border-radius:14px;padding:14px 15px}.hb-radio .hb-o.on{border-color:var(--acc);background:var(--a08);box-shadow:inset 0 0 0 1px var(--acc)}
    .hb-rad{width:20px;height:20px;border-radius:50%;border:2px solid var(--t30);flex:none}.hb-o.on .hb-rad{border-color:var(--acc);background:radial-gradient(circle,var(--acc) 46%,transparent 49%)}
    .hb-p{display:flex;align-items:center;gap:7px;font-size:15px}.hb-p>b{font-weight:800}.hb-p s{opacity:.45;font-size:13px}.hb-p i{font-style:normal;font-size:11px;font-weight:800;color:#16a34a;background:#16a34a14;padding:2px 7px;border-radius:6px}
    .hb-check .hb-o{display:flex;align-items:center;gap:13px;border:1.5px solid var(--t16);border-radius:14px;padding:13px 15px}.hb-check .hb-o.on{border-color:var(--acc);background:var(--a08)}
    .hb-box{width:22px;height:22px;border-radius:7px;border:2px solid var(--t25);flex:none;position:relative}.hb-check .hb-o.on .hb-box{background:var(--acc);border-color:var(--acc)}.hb-check .hb-o.on .hb-box::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
    .hb-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hb-grid3 .hb-o{display:flex;flex-direction:column;align-items:center;gap:6px;border:1.5px solid var(--t16);border-radius:14px;padding:16px 8px 13px;text-align:center}.hb-grid3 .hb-o.on{border-color:var(--acc);background:var(--a0a);box-shadow:0 8px 22px var(--a22)}
    .hb-q{font-size:15px}.hb-badge{font-size:11px;font-weight:800;color:var(--acc);background:var(--a15);padding:2px 8px;border-radius:6px}.hb-gp2{font-weight:800}
    .hb-pills{display:flex;gap:8px}.hb-pills.sm{margin-top:10px}.hb-pills .hb-o{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;border:1.5px solid var(--t16);border-radius:12px;padding:11px 8px}.hb-pills .hb-o b{font-size:17px}.hb-pills .hb-o span{font-size:11px;opacity:.6}.hb-pills .hb-o.on{border-color:var(--acc);background:var(--a0a);color:var(--acc)}
    .hb-tbl{border:1.5px solid var(--t14);border-radius:14px;overflow:hidden}.hb-tr{display:grid;grid-template-columns:1.6fr 1fr .8fr;align-items:center;padding:12px 14px}.hb-tr+.hb-tr{border-top:1px solid var(--t0f)}.hb-th{background:var(--a08);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.hb-tbl .hb-o.on{background:var(--a0a)}.hb-c1{display:flex;align-items:center;gap:10px;font-weight:700}.hb-c3{color:#16a34a;font-weight:700;text-align:right}
    .hb-slider{padding:6px 4px 2px}.hb-track{position:relative;height:6px;border-radius:4px;background:var(--a1a);margin:0 6px 14px}.hb-fill{display:block;height:100%;border-radius:4px;background:var(--acc)}.hb-stops{display:flex;justify-content:space-between;gap:6px}.hb-stop{flex:1;background:none;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;font-family:inherit;color:inherit}.hb-dot{width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--t30)}.hb-stop.on .hb-dot{border-color:var(--acc);background:var(--acc);box-shadow:0 0 0 4px var(--a22)}.hb-stop b{font-size:12.5px}.hb-stop em{font-style:normal;font-size:11px;color:var(--acc);font-weight:700}
    .hb-stack .hb-o{display:flex;align-items:center;gap:14px;border:1.5px solid var(--t16);border-radius:16px;padding:15px 16px}.hb-stack .hb-o.on{border-color:var(--acc);background:var(--a08);box-shadow:0 10px 26px var(--a22)}.hb-qc{width:40px;height:40px;border-radius:12px;background:var(--a15);color:var(--acc);display:grid;place-items:center;font-size:18px;font-weight:900;flex:none}.hb-stack .hb-o.on .hb-qc{background:var(--acc);color:#fff}.hb-stack .hb-p{flex-direction:column;align-items:flex-end;gap:1px}.hb-stack .hb-p>b{font-size:17px}
    .hb-spot{position:relative;text-align:center;border:2px solid var(--acc);border-radius:18px;padding:22px 16px 18px;background:var(--a08);cursor:pointer}.hb-spot.on{box-shadow:0 12px 30px var(--a33)}.hb-spq{display:block;font-size:18px;margin:6px 0}.hb-spp{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px}.hb-spp s{opacity:.45}.hb-spp b{font-size:24px;font-weight:900;color:var(--acc)}.hb-sv{font-size:12px;font-weight:800;color:#16a34a;background:#16a34a14;padding:3px 10px;border-radius:8px}
    .hb-promo{display:flex;align-items:center;gap:15px;border:1.5px dashed var(--a55);border-radius:16px;padding:16px 18px;background:var(--a07);cursor:pointer}.hb-promo.on{border-style:solid;border-color:var(--acc);background:var(--a12)}.hb-big{font-size:28px;font-weight:900;color:var(--acc);flex:none;letter-spacing:-.02em}.hb-pt{flex:1}.hb-pt b{display:block;font-size:15px}.hb-pt span{font-size:12.5px;opacity:.66}.hb-chev{font-size:20px;color:var(--acc);font-weight:800}
    .hb-giftbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;border-radius:12px;background:var(--a08)}.hb-gift-ic{font-size:18px}.hb-gp-track{flex:1;height:7px;border-radius:5px;background:var(--a1a);overflow:hidden}.hb-gp-fill{display:block;height:100%;background:var(--acc)}.hb-gift-tx{font-size:11.5px;font-weight:700;opacity:.7}.hb-gift .hb-o{display:flex;align-items:center;gap:13px;border:1.5px solid var(--t16);border-radius:14px;padding:13px 15px}.hb-gift .hb-o.on{border-color:var(--acc);background:var(--a08)}
    .hb-ribbon .hb-o{display:flex;align-items:center;gap:13px;border:1.5px solid var(--t16);border-radius:14px;padding:14px 15px;overflow:hidden}.hb-ribbon .hb-o.on{border-color:var(--acc);background:var(--a08)}.hb-corner{position:absolute;top:0;right:0;background:var(--acc);color:#fff;font-size:10.5px;font-weight:800;padding:3px 12px;border-bottom-left-radius:10px}.hb-corner:empty{display:none}
    .hb-min{display:flex;flex-wrap:wrap;gap:8px}.hb-min .hb-o{border:1.5px solid var(--t16);background:none;border-radius:10px;padding:9px 14px;font-family:inherit;font-size:13.5px}.hb-min .hb-o b{font-weight:800}.hb-min .hb-o i{font-style:normal;color:#16a34a;font-weight:700}.hb-min .hb-o.on{border-color:var(--acc);background:var(--a0a);color:var(--acc)}
    .hb-ladder{display:grid;gap:10px}.hb-ladder .hb-o{display:flex;align-items:center;gap:14px;border:1.5px solid var(--t16);border-radius:14px;padding:13px 15px}.hb-ladder .hb-o.on{border-color:var(--acc);background:var(--a08)}.hb-node{width:14px;height:14px;border-radius:50%;border:2px solid var(--t30);background:var(--bg);flex:none;position:relative}.hb-ladder .hb-o.on .hb-node{border-color:var(--acc);background:var(--acc)}.hb-ladder .hb-o+.hb-o .hb-node::before{content:"";position:absolute;left:50%;top:-22px;transform:translateX(-50%);width:2px;height:20px;background:var(--t14)}.hb-ladder .hb-badge{margin-left:auto}
    .hb-cardslg .hb-o{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1.5px solid var(--t16);border-radius:16px;padding:18px}.hb-cardslg .hb-o.on{border-color:var(--acc);background:var(--a08);box-shadow:0 10px 26px var(--a22)}.hb-lg{font-size:17px}.hb-p3{text-align:right;display:flex;flex-direction:column;gap:3px;align-items:flex-end}.hb-p3>b{font-size:18px;font-weight:800}
  
    .hyp-cod{border:1.5px solid #6c5ce744;background:#6c5ce70a;border-radius:12px;padding:12px 14px;margin:8px 0;display:flex;flex-direction:column;gap:3px}
    .hyp-cod-tag{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6c5ce7}
    .hyp-cod b{font-size:14px;color:#15161c}
    .hyp-cod em{font-size:12px;color:#15161c90;font-style:normal;line-height:1.45}
    .hyp-cl{border:1.5px dashed #15161c30;border-radius:10px;padding:10px 12px;margin:6px 0;background:#15161c05}
    .hyp-cl span{display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#15161c70;margin-bottom:5px}
    .hyp-cl code{display:block;font-family:ui-monospace,Menlo,monospace;font-size:11px;line-height:1.45;color:#15161caa;white-space:pre-wrap;word-break:break-word;max-height:90px;overflow:hidden}

    /* Título del producto: estilos */
    .hyp-title{margin:2px 0 4px}
    .hyp-title.ts-underline span{position:relative;display:inline;background-image:linear-gradient(#6c5ce7,#6c5ce7);background-size:0% 3px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .35s ease;padding-bottom:3px}
    .hyp-info:hover .hyp-title.ts-underline span,.hyp-title.ts-underline:hover span{background-size:100% 3px}
    .hyp-title.ts-bar{padding-left:14px;border-left:4px solid #6c5ce7}
    .hyp-title.ts-serif{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.01em}
    .hyp-title.ts-upper span{text-transform:uppercase;letter-spacing:.06em;font-size:.86em}
    .hyp-title.ts-gradient span{background:linear-gradient(90deg,#6c5ce7,#15161c);-webkit-background-clip:text;background-clip:text;color:transparent}
    .hyp-title.ts-accent span{box-shadow:inset 0 -.42em 0 #6c5ce71f}
    .hyp-subtitle{font-size:15px;color:#15161ca6;margin:0 0 12px;line-height:1.45}
    /* Reseñas: estilos */
    .hyp-rev{display:flex;align-items:center;gap:9px;margin:2px 0 14px;flex-wrap:wrap}
    .rv-stars{display:inline-flex;gap:1px;color:#d18700;font-size:15px;letter-spacing:1px}
    .rv-stars span{color:#dfe1ea}.rv-stars span.on{color:#e6b800}
    .rv-classic .rv-count,.rv-apple .rv-count{font-size:13px;color:#15161c8c;text-decoration:none;font-weight:600}
    .rv-apple{gap:8px}.rv-apple .rv-num{font-size:19px;font-weight:800;color:#15161c}
    .rv-min .rv-stars{font-size:13px}.rv-min .rv-count{font-size:12px;color:#15161c80;font-weight:700}
    .rv-tp{gap:8px}.rv-tp-word{font-weight:800;color:#00b67a}.rv-tp-boxes{display:inline-flex;gap:2px}.rv-tp-boxes i{width:20px;height:20px;background:#dcdce6;color:#fff;display:grid;place-items:center;font-size:12px;font-style:normal;border-radius:3px}.rv-tp-boxes i.on{background:#00b67a}.rv-tp-count{font-size:12.5px;color:#15161c80;font-weight:600}
    .rv-badge{gap:11px}.rv-badge .rv-b-num{background:#6c5ce7;color:#fff;font-weight:800;font-size:16px;padding:6px 11px;border-radius:10px}.rv-badge .rv-b-tx{display:flex;flex-direction:column;gap:1px}.rv-badge .rv-b-tx em{font-size:12px;color:#15161c80;font-style:normal;font-weight:600}
    .rv-bar .rv-bar-tx{font-size:13px;color:#15161c8c}.rv-bar .rv-bar-tx b{color:#15161c}
    /* Pídelo hoy: timeline y badge */
    .uq-shiptl{display:flex;align-items:flex-start;gap:0;background:#6c5ce70a;border:1px solid #6c5ce71f;border-radius:14px;padding:14px 12px}
    .uq-stp{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}
    .uq-stp-ic{width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid #6c5ce730;color:#6c5ce7;display:grid;place-items:center;margin-bottom:3px}
    .uq-stp-ic .pico{width:17px;height:17px}
    .uq-stp.done .uq-stp-ic{background:#6c5ce7;border-color:#6c5ce7;color:#fff}
    .uq-stp b{font-size:12.5px;color:#15161c}.uq-stp em{font-size:11px;color:#15161c8c;font-style:normal}
    .uq-stp-ln{flex:0 0 26px;height:2px;background:#6c5ce730;margin-top:20px}
    .uq-shipbadge{display:flex;align-items:center;gap:11px;background:#6c5ce70d;border:1px solid #6c5ce722;border-radius:12px;padding:11px 13px}
    .uq-shipbadge .uq-ic{color:#6c5ce7}.uq-shipbadge-tx{flex:1;display:flex;flex-direction:column}.uq-shipbadge-tx b{font-size:13.5px;color:#15161c}.uq-shipbadge-tx em{font-size:12px;color:#15161c8c;font-style:normal}
    .uq-shipbadge-cd{font-variant-numeric:tabular-nums;font-weight:800;color:#6c5ce7;background:#6c5ce714;padding:5px 9px;border-radius:8px;font-size:13px}
    /* Bundle: pills nuevas */
    .hb-pillsx{display:flex;gap:8px;flex-wrap:wrap}
    .hb-px{flex:1;min-width:92px;display:flex;flex-direction:column;align-items:center;gap:2px;border:1.5px solid #15161c18;border-radius:13px;padding:11px 8px;cursor:pointer;transition:border-color .13s,background .13s}
    .hb-px.on{border-color:#6c5ce7;background:#6c5ce70b}
    .hb-px-q{font-size:12px;font-weight:700;color:#15161c9c}.hb-px.on .hb-px-q{color:#6c5ce7}
    .hb-px-p{font-size:16px;font-weight:800;color:#15161c}
    .hb-px-off{font-size:11px;font-weight:800;color:#1f9d55}.hb-px-off.base{color:#15161c66}
    /* Bundle: spotlight mejorado */
    .hb-spot2{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;border:2px solid #6c5ce7;border-radius:16px;padding:18px 18px;background:#6c5ce70b;margin-top:8px}
    .hb-spot2-q{font-size:16px;font-weight:800;color:#15161c;display:block}
    .hb-spot2-each{font-size:12.5px;color:#15161c8c}
    .hb-spot2-r{text-align:right;display:flex;flex-direction:column;gap:1px}
    .hb-spot2-r s{font-size:12px;color:#15161c55}.hb-spot2-r>b{font-size:24px;font-weight:800;color:#6c5ce7}
    .hb-spot2-alt{display:flex;gap:8px;margin-top:8px}.hb-spot2-alt .hb-o{flex:1;display:flex;justify-content:space-between;align-items:center;border:1px solid #15161c16;border-radius:11px;padding:9px 12px;cursor:pointer}
    .hb-spot2-alt .hb-o:hover{border-color:#6c5ce7}.hb-spot2-alt .hb-m b{font-size:13px}.hb-spot2-alt .hb-m em{font-size:11px;color:#15161c80}.hb-spot2-alt .hb-p2{font-weight:800;color:#15161c}
    /* Bundle: gift nuevo */
    .hb-giftx{border:1.5px solid #6c5ce72a;border-radius:16px;padding:16px;background:#6c5ce707}
    .hb-giftx-head{display:flex;gap:11px;align-items:center;margin-bottom:16px}
    .hb-giftx-ic{font-size:24px}.hb-giftx-tx b{display:block;font-size:14px;color:#15161c}.hb-giftx-tx em{font-size:12px;color:#15161c8c;font-style:normal}
    .hb-giftx-track{position:relative;height:6px;background:#15161c12;border-radius:20px;margin:22px 12px 24px}
    .hb-giftx-fill{position:absolute;left:0;top:0;height:100%;background:#6c5ce7;border-radius:20px;transition:width .4s}
    .hb-giftx-node{position:absolute;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid #15161c20;color:#15161c80;display:grid;place-items:center;font-size:11px;font-weight:800}
    .hb-giftx-node.on{background:#6c5ce7;border-color:#6c5ce7;color:#fff}
    .hb-giftx-badge{color:#6c5ce7!important;font-weight:800!important}
    /* Bundle: segment (toggle) */
    .hb-seg-row{display:flex;background:#15161c0c;border-radius:12px;padding:4px;gap:4px}
    .hb-seg-b{flex:1;border:0;background:transparent;padding:10px;border-radius:9px;font-size:13px;font-weight:800;color:#15161c88;cursor:pointer;font-family:inherit}
    .hb-seg-b.on{background:#fff;color:#6c5ce7;box-shadow:0 2px 6px rgba(20,22,40,.12)}
    .hb-seg-panels{margin-top:12px}.hb-seg-p{display:none;text-align:center}.hb-seg-p.on{display:block}
    .hb-seg-price{display:flex;align-items:baseline;justify-content:center;gap:10px}.hb-seg-price b{font-size:28px;font-weight:800;color:#15161c}.hb-seg-price s{font-size:15px;color:#15161c55}
    .hb-seg-meta{font-size:13px;color:#15161c8c;margin-top:3px}.hb-seg-meta i{color:#1f9d55;font-style:normal;font-weight:800}
    /* Bundle: tiers */
    .hb-tiers{display:flex;gap:10px}
    .hb-tier{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;border:1.5px solid #15161c18;border-radius:15px;padding:18px 8px 14px;cursor:pointer;transition:border-color .13s,box-shadow .13s}
    .hb-tier.on{border-color:#6c5ce7;box-shadow:0 8px 22px #6c5ce722}
    .hb-tier-tag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#6c5ce7;color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:20px;white-space:nowrap}
    .hb-tier-q{font-size:26px;font-weight:800;color:#15161c;line-height:1}
    .hb-tier-u{font-size:11px;color:#15161c80;margin-bottom:6px}
    .hb-tier-p{font-size:16px;font-weight:800;color:#6c5ce7}
    .hb-tier-e{font-size:11px;color:#15161c80}
    .hb-tier-off{margin-top:6px;font-size:11px;font-weight:800;color:#1f9d55}
    /* Fix ancho: los wrappers .hb-X no deben heredar el display de las clases internas */
    .hb.hb-gift,.hb.hb-pills,.hb.hb-spotlight,.hb.hb-segment,.hb.hb-tiers,.hb.hb-hero,.hb.hb-banner,.hb.hb-savings,.hb.hb-premium,.hb.hb-matrix,.hb.hb-stepper,.hb.hb-split,.hb.hb-chips2,.hb.hb-listpro,.hb.hb-numbered{display:block;width:100%}
    .hb-giftx{width:100%;box-sizing:border-box}
    /* Bundle: 10 estilos nuevos */
    .hb-hero2{position:relative;border:2px solid #6c5ce7;border-radius:16px;padding:16px 18px;background:#6c5ce70b}
    .hb-hero2-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.hb-hero2-top b{font-size:16px}.hb-hero2-save{font-size:12px;font-weight:800;color:#1f9d55;background:#1f9d5514;padding:3px 9px;border-radius:20px}
    .hb-hero2-price{display:flex;align-items:baseline;gap:10px}.hb-hero2-price>b{font-size:26px;font-weight:800;color:#6c5ce7}.hb-hero2-price s{color:#15161c55;font-size:14px}.hb-hero2-price em{font-size:12px;color:#15161c88;font-style:normal;margin-left:auto}
    .hb-hero2-alt{display:flex;gap:8px;margin-top:8px}.hb-hero2-alt .hb-o{flex:1;display:flex;justify-content:space-between;border:1px solid #15161c16;border-radius:11px;padding:9px 12px;font-size:13px}.hb-hero2-alt .hb-o b{font-weight:700}.hb-hero2-alt .hb-o:hover{border-color:#6c5ce7}
    .hb-banners{display:flex;flex-direction:column;gap:9px}
    .hb-banners .hb-o{display:flex;align-items:center;justify-content:space-between;border:1.5px solid #15161c16;border-radius:12px;padding:12px 14px}.hb-banners .hb-o.on{border-color:#6c5ce7;background:#6c5ce70a}
    .hb-ban-l{display:flex;align-items:center;gap:12px}.hb-ban-q{width:32px;height:32px;border-radius:9px;background:#6c5ce714;color:#6c5ce7;display:grid;place-items:center;font-weight:800;font-size:15px}
    .hb-ban-r{display:flex;align-items:center;gap:10px}.hb-ban-r>b{font-size:17px;font-weight:800}.hb-ban-off{background:#1f9d55;color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:20px}
    .hb-numbig{width:34px;height:34px;border-radius:50%;background:#6c5ce7;color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px;flex:none}
    .hb-savings{border:1px solid #15161c16;border-radius:14px;padding:14px}
    .hb-sav-meter{position:relative;height:26px;border-radius:20px;background:#15161c0f;overflow:hidden;margin-bottom:12px}.hb-sav-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#1f9d55,#0f7d3f);border-radius:20px;transition:width .4s}.hb-sav-lb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;color:#15161c}.hb-sav-lb b{margin-left:4px}
    .hb-chips2{display:flex;gap:8px;flex-wrap:wrap}.hb-chips2 .hb-o{flex:1;min-width:80px;display:flex;flex-direction:column;align-items:center;gap:2px;border:1.5px solid #15161c16;border-radius:12px;padding:10px 8px;cursor:pointer}.hb-chips2 .hb-o.on{border-color:#6c5ce7;background:#6c5ce70b}.hb-chips2 .hb-o b{font-size:13px}.hb-chips2 .hb-o span{font-size:15px;font-weight:800;color:#15161c}.hb-chips2 .hb-o i{font-size:11px;font-weight:800;color:#1f9d55;font-style:normal}
    .hb-prem{display:flex;flex-direction:column;gap:9px}
    .hb-prem .hb-o{position:relative;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#26282f,#15161c);color:#fff;border:1.5px solid transparent;border-radius:13px;padding:14px 16px}.hb-prem .hb-o.on{border-color:#6c5ce7;box-shadow:0 8px 22px rgba(0,0,0,.25)}.hb-prem .hb-m em{opacity:.6}.hb-prem-save{background:#6c5ce7;color:#fff;font-size:11px;font-weight:800;padding:3px 9px;border-radius:20px;margin-left:8px}
    .hb-matrix{border:1px solid #15161c16;border-radius:13px;overflow:hidden}
    .hb-mx-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;align-items:center;padding:11px 13px;font-size:13px}.hb-mx-row+.hb-mx-row{border-top:1px solid #15161c0f}
    .hb-mx-head{background:#15161c08;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:#15161c88}
    .hb-mx-row.hb-o{cursor:pointer}.hb-mx-row.hb-o.on{background:#6c5ce70b}.hb-mx-off{color:#1f9d55;font-weight:800}
    .hb-stepper{display:flex;align-items:center;justify-content:space-between;border:1.5px solid #6c5ce7;border-radius:14px;padding:14px 16px;background:#6c5ce70a}
    .hb-step-ctrl{display:flex;align-items:center;gap:0;border:1px solid #15161c20;border-radius:11px;overflow:hidden;background:#fff}.hb-step-ctrl button{border:0;background:#fff;width:38px;height:38px;font-size:18px;cursor:pointer;color:#15161c}.hb-step-q{min-width:40px;text-align:center;font-weight:800;font-size:16px}
    .hb-step-info{text-align:right}.hb-step-info>b{font-size:22px;font-weight:800;color:#6c5ce7}.hb-step-save{display:block;font-size:11px;font-weight:800;color:#1f9d55}.hb-step-info em{font-size:11px;color:#15161c80;font-style:normal}
    .hb-split{display:grid;grid-template-columns:1.1fr 1fr;gap:10px}
    .hb-split-hero{position:relative;border:2px solid #6c5ce7;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:3px;background:#6c5ce70b}.hb-split-hero b{font-size:15px}.hb-split-price{font-size:24px;font-weight:800;color:#6c5ce7}.hb-split-hero em{font-size:12px;color:#1f9d55;font-weight:700;font-style:normal}
    .hb-split-list{display:flex;flex-direction:column;gap:8px}.hb-split-list .hb-o{flex:1;display:flex;align-items:center;justify-content:space-between;border:1px solid #15161c16;border-radius:11px;padding:0 13px;cursor:pointer}.hb-split-list .hb-o b{font-weight:800}.hb-split-list .hb-o:hover{border-color:#6c5ce7}
    .hb-listpro{display:flex;flex-direction:column;gap:8px}
    .hb-listpro .hb-o{display:flex;align-items:center;gap:12px;border:1.5px solid #15161c16;border-radius:12px;padding:12px 14px}.hb-listpro .hb-o.on{border-color:#6c5ce7;background:#6c5ce70a}.hb-lp-tag{display:inline-block;background:#6c5ce716;color:#6c5ce7;font-size:10px;font-weight:800;padding:2px 7px;border-radius:20px;margin-top:3px;font-style:normal}.hb-lp-p{margin-left:auto;text-align:right}.hb-lp-p>b{font-size:16px;font-weight:800;display:block}.hb-lp-p em{font-size:11px;color:#15161c80;font-style:normal}
    /* Precio: estilos */
    .hyp-price.ps-stack{flex-direction:column;align-items:flex-start;gap:4px}
    .hyp-price.ps-stack .hyp-now{font-size:32px}
    .hyp-price-sub{display:flex;align-items:center;gap:10px}.hyp-price-sub s{color:#15161c66;font-size:15px}
    .hyp-price.ps-pill .hyp-pilloff{background:#1f9d55;color:#fff;font-weight:800;font-size:13px;padding:4px 10px;border-radius:20px}
    .hyp-price.ps-strike .hyp-was.big{font-size:22px;text-decoration:line-through;color:#15161c55}
    .hyp-price.ps-save{flex-wrap:wrap}.hyp-savebox{display:inline-flex;align-items:center;gap:5px;background:#1f9d5514;color:#1f9d55;font-weight:800;font-size:13px;padding:5px 11px;border-radius:9px}.hyp-savebox .pico{width:15px;height:15px}
    .hyp-price.ps-from{align-items:baseline}.hyp-price.ps-from em{font-size:13px;color:#15161c80;font-style:normal;font-weight:600}
    /* ===== CAJA DE COMPRA · pase premium ===== */
    /* Precio: hero · card · split */
    .hyp-price.ps-hero{flex-direction:column;align-items:flex-start;gap:5px}
    .hyp-price.ps-hero .hyp-now{font-size:40px;line-height:1;letter-spacing:-.02em}
    .hyp-price.ps-hero .hyp-hero-sub{display:flex;align-items:center;gap:10px}.hyp-price.ps-hero .hyp-hero-sub s{color:#15161c55;font-size:16px}
    .hyp-price.ps-card{background:#6c5ce70d;border:1px solid #6c5ce71f;border-radius:14px;padding:12px 16px}
    .hyp-price.ps-split{align-items:baseline;gap:14px}
    .hyp-price.ps-split .hyp-split-r{display:flex;flex-direction:column;line-height:1.15}
    .hyp-price.ps-split .hyp-split-r s{font-size:14px;color:#15161c55}.hyp-price.ps-split .hyp-split-r em{font-size:12px;color:#1f9d55;font-weight:800;font-style:normal}
    /* Botón: solid · gradient · shine · arrow · glow · block */
    .hyp-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
    .hyp-add-row{display:inline-flex;align-items:center;gap:8px}
    .hyp-add-arw{display:none;font-weight:800}
    .hyp-add-sub{display:block;font-size:11.5px;font-weight:600;opacity:.88;margin-top:2px}
    .hyp-add.bt-gradient{background:linear-gradient(120deg,#6c5ce7,#6c5ce7c2)}
    .hyp-add.bt-shine{position:relative;overflow:hidden}
    .hyp-add.bt-shine::after{content:"";position:absolute;top:0;left:-60%;width:42%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg);animation:hypshine 2.6s ease-in-out infinite}
    @keyframes hypshine{0%{left:-60%}55%{left:130%}100%{left:130%}}
    .hyp-add.bt-arrow .hyp-add-arw{display:inline-block;transition:transform .22s}
    .hyp-add.bt-arrow:hover .hyp-add-arw{transform:translateX(6px)}
    .hyp-add.bt-glow{animation:hypglow 1.9s ease-in-out infinite}
    @keyframes hypglow{0%,100%{box-shadow:0 10px 26px #6c5ce744}50%{box-shadow:0 14px 36px #6c5ce780,0 0 0 4px #6c5ce722}}
    .hyp-add.bt-block{border-radius:14px;padding:19px 22px;text-transform:uppercase;letter-spacing:.05em;font-size:15px}
    /* Beneficios: pills · cards */
    .hyp-benefits.bn-pills{flex-direction:row;flex-wrap:wrap;gap:8px}
    .hyp-benefits.bn-pills .hyp-bf{background:#6c5ce70c;border:1px solid #6c5ce722;border-radius:20px;padding:7px 13px;font-size:12.5px;font-weight:600}
    .hyp-benefits.bn-pills .hyp-bf-ck{width:17px;height:17px}.hyp-benefits.bn-pills .hyp-bf-ck .pico{width:11px;height:11px}
    .hyp-benefits.bn-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}
    .hyp-benefits.bn-cards .hyp-bf{border:1px solid #15161c12;border-radius:12px;padding:11px 12px;font-weight:600}
    /* Estrellas: pill · google */
    .hyp-rev.rv-pill{display:inline-flex;align-items:center;gap:8px;background:#15161c06;border:1px solid #15161c12;border-radius:22px;padding:5px 13px}
    .hyp-rev.rv-pill b{font-size:14px;color:#15161c}.hyp-rev.rv-pill em{font-size:12px;color:#15161c80;font-style:normal;font-weight:600}
    .hyp-rev.rv-google{gap:8px}.rv-g-logo{font-weight:800;font-size:15px;letter-spacing:-.5px}
    .rv-g-logo i:nth-child(1){color:#4285F4}.rv-g-logo i:nth-child(2){color:#EA4335}.rv-g-logo i:nth-child(3){color:#FBBC05}.rv-g-logo i:nth-child(4){color:#4285F4}.rv-g-logo i:nth-child(5){color:#34A853}.rv-g-logo i:nth-child(6){color:#EA4335}.rv-g-logo i{font-style:normal}
    .hyp-rev.rv-google .rv-num{font-size:16px;font-weight:800}.hyp-rev.rv-google .rv-count{font-size:13px;color:#15161c80;font-weight:600;text-decoration:none}
    /* Confianza: mini · band */
    .hyp-trust.ts-mini{display:flex;flex-wrap:wrap;gap:8px;border-top:none;padding-top:6px}
    .hyp-trust.ts-mini .hyp-tr{background:#15161c06;border-radius:20px;padding:6px 12px;font-size:12px;gap:7px}.hyp-trust.ts-mini .hyp-tr svg{width:15px;height:15px}.hyp-trust.ts-mini .hyp-tr span{display:none}
    .hyp-trust.ts-band{display:flex;gap:0;border:1px solid #15161c12;border-radius:14px;overflow:hidden;background:#6c5ce705;border-top:1px solid #15161c12;padding-top:0;margin-top:16px}
    .hyp-trust.ts-band .hyp-tr{flex:1;flex-direction:column;text-align:center;gap:5px;padding:14px 8px;border-right:1px solid #15161c0f}.hyp-trust.ts-band .hyp-tr:last-child{border-right:0}.hyp-trust.ts-band .hyp-tr span{opacity:.7;font-size:11.5px}
    /* Urgencia: nuevos estilos */
    .uq-circle{display:flex;align-items:center;gap:13px;padding:10px 12px;border:1px solid #15161c14;border-radius:12px}
    .uq-ring-wrap{position:relative;width:48px;height:48px;flex:none}
    .uq-ring{width:48px;height:48px;transform:rotate(-90deg)}
    .uq-ring-bg{fill:none;stroke:#15161c14;stroke-width:3.4}
    .uq-ring-fg{fill:none;stroke:#6c5ce7;stroke-width:3.4;stroke-linecap:round;transition:stroke-dasharray .5s}
    .uq-ring-n{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;gap:1px}
    .uq-ring-n b{font-size:15px;font-weight:800;color:#15161c}.uq-ring-n em{font-size:8.5px;color:#15161c80;font-style:normal;text-transform:uppercase;letter-spacing:.02em}
    .uq-circle-lb{display:flex;flex-direction:column;gap:1px}.uq-circle-lb b{font-size:13.5px;color:#15161c}.uq-circle-lb span{font-size:12px;color:#15161c88}
    .uq-thermo{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid #15161c14;border-radius:12px}
    .uq-thermo-ic{color:#e0691f;flex:none}.uq-thermo-x{flex:1}
    .uq-thermo-h{display:flex;justify-content:space-between;font-size:12.5px;color:#15161cb0;margin-bottom:6px}.uq-thermo-h b{color:#15161c}
    .uq-thermo-tube{height:9px;border-radius:20px;background:#15161c12;overflow:hidden}.uq-thermo-tube span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#f0a733,#e0344b)}
    .uq-cdflip,.uq-cdrings,.uq-cdbox{align-items:center}
    .uq-cdflips{display:flex;gap:7px}.uq-flip{position:relative;background:linear-gradient(180deg,#26282f,#15161c);color:#fff;border-radius:9px;padding:9px 13px;min-width:50px;text-align:center;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}
    .uq-flip::after{content:"";position:absolute;left:6px;right:6px;top:50%;height:1px;background:rgba(0,0,0,.4)}
    .uq-flip b{display:block;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.uq-flip em{font-size:9px;opacity:.6;font-style:normal}
    .uq-cdringrow{display:flex;gap:10px}.uq-cdring{position:relative;width:58px;height:58px;border-radius:50%;border:3px solid #6c5ce722;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.uq-cdring::before{content:"";position:absolute;inset:-3px;border-radius:50%;border:3px solid transparent;border-top-color:#6c5ce7;border-right-color:#6c5ce7}
    .uq-cdring b{font-size:17px;font-weight:800;color:#15161c;font-variant-numeric:tabular-nums}.uq-cdring em{font-size:9px;color:#15161c80;font-style:normal}
    .uq-cdbarwrap{display:flex;flex-direction:column;gap:8px;padding:11px 12px;border:1px solid #15161c14;border-radius:12px}
    .uq-cdbar-h{display:flex;align-items:center;gap:8px;font-size:13px;color:#15161cb0}.uq-cdbar-h b{margin-left:auto;color:#6c5ce7;font-variant-numeric:tabular-nums}
    .uq-cdbar-track{height:7px;border-radius:20px;background:#15161c12;overflow:hidden}.uq-cdbar-track>span{display:block;height:100%;width:60%;border-radius:20px;background:#6c5ce7;animation:uqcdbar 480s linear infinite}
    @keyframes uqcdbar{from{width:100%}to{width:0}}
    .uq-eyecard{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid #6c5ce722;border-radius:12px;background:#6c5ce707}
    .uq-eyecard-ic{position:relative;color:#6c5ce7}.uq-eyecard-ic .uq-dot{position:absolute;top:-1px;right:-2px}
    .uq-eyecard-tx b{display:block;font-size:14px;color:#15161c}.uq-eyecard-tx em{font-size:12px;color:#15161c88;font-style:normal}
    .uq-vticker{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#15161c;color:#ffffff}.uq-vticker b{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;color:#6c5ce7}.uq-vticker span{font-size:12px;line-height:1.25;opacity:.85}
    .uq-toast{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:12px;border:1px solid #15161c14;box-shadow:0 6px 18px rgba(20,22,40,.08);background:#fff}
    .uq-toast-img{width:34px;height:34px;border-radius:9px;background:#1f9d5514;color:#1f9d55;display:grid;place-items:center;flex:none}
    .uq-toast-tx{flex:1}.uq-toast-tx b{display:block;font-size:13px;color:#15161c}.uq-toast-tx em{font-size:11.5px;color:#15161c88;font-style:normal}
    .uq-toast-dot{width:8px;height:8px;border-radius:50%;background:#1f9d55}
    .uq-pulse.green{background:#1f9d55;box-shadow:0 0 0 0 #1f9d5566;animation:uqpulseg 1.6s infinite}
    @keyframes uqpulseg{0%{box-shadow:0 0 0 0 #1f9d5566}70%{box-shadow:0 0 0 8px #1f9d5500}100%{box-shadow:0 0 0 0 #1f9d5500}}
    .uq-fire{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:10px;background:#e0691f10}.uq-fire-ic{font-size:18px}.uq-fire b{color:#15161c}
    .uq-rank{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #15161c14;border-radius:12px}
    .uq-rank-n{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#f5b301,#e0691f);color:#fff;font-weight:800;font-size:15px;display:grid;place-items:center;flex:none}
    .uq-rank-tx b{display:block;font-size:14px;color:#15161c}.uq-rank-tx em{font-size:12px;color:#15161c88;font-style:normal}
    .uq-chart{display:flex;align-items:center;gap:11px;padding:9px 12px;border:1px solid #15161c14;border-radius:12px}
    .uq-chart-bars{display:flex;align-items:flex-end;gap:3px;height:30px}.uq-chart-bars i{width:6px;border-radius:3px 3px 0 0;background:#6c5ce7}
    .uq-chart b{color:#15161c}
    .uq-stripes{padding:11px 13px;border-radius:10px;color:#c0293d;font-weight:600;background:repeating-linear-gradient(45deg,#e0344b12,#e0344b12 10px,#e0344b06 10px,#e0344b06 20px);border:1px solid #e0344b2a}.uq-stripes b{color:#c0293d}
    .uq-truckbar{display:flex;flex-direction:column;gap:12px;padding:11px 12px;border:1px solid #15161c14;border-radius:12px}
    .uq-truckbar-h{font-size:13px;color:#15161cb0}.uq-truckbar-h b{color:#15161c}
    .uq-truckbar-track{position:relative;height:7px;border-radius:20px;background:#15161c12;margin-top:6px}.uq-truckbar-fill{position:absolute;left:0;top:0;height:100%;border-radius:20px;background:#1f9d55}.uq-truckbar-truck{position:absolute;top:50%;transform:translate(-50%,-60%);color:#1f9d55;background:#fff;border-radius:50%}.uq-truckbar-truck .pico{width:20px;height:20px}
    .uq-boltbig{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:linear-gradient(120deg,#6c5ce7,#6c5ce7bb);color:#fff}
    .uq-boltbig-ic{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.2);display:grid;place-items:center;flex:none}.uq-boltbig-ic .pico{width:20px;height:20px}
    .uq-boltbig-tx b{display:block;font-size:14px}.uq-boltbig-tx em{font-size:12px;opacity:.9;font-style:normal}
    .uq-shipcards{display:flex;align-items:center;gap:10px}
    .uq-shipcard{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:14px 10px;border:1px solid #15161c16;border-radius:13px}
    .uq-shipcard.on{border-color:#6c5ce7;background:#6c5ce709}
    .uq-shipcard-ic{color:#6c5ce7}.uq-shipcard b{font-size:13.5px;color:#15161c}.uq-shipcard em{font-size:11.5px;color:#15161c88;font-style:normal}
    .uq-shipcard-arrow{color:#15161c55;font-size:18px;font-weight:800}
    .uq-shipeta{display:flex;flex-direction:column;gap:11px;padding:11px 12px;border:1px solid #15161c14;border-radius:12px}
    .uq-shipeta-h{display:flex;align-items:center;gap:8px;font-size:13px;color:#15161cb0}.uq-shipeta-h b{color:#15161c}.uq-shipeta-h .uq-ic{color:#6c5ce7}
    .uq-shipeta-track{display:flex;align-items:center;gap:4px}.uq-shipeta-track i{width:30px;height:30px;border-radius:50%;background:#15161c0f;color:#15161c66;display:grid;place-items:center;flex:none}.uq-shipeta-track i.on{background:#6c5ce7;color:#fff}.uq-shipeta-track i .pico{width:16px;height:16px}
    .uq-shipeta-track .ln{flex:1;height:2px;background:#15161c18}.uq-shipeta-track .ln.on{background:#6c5ce7}
    .uq-dotstk{display:flex;flex-direction:column;gap:7px;padding:10px 12px;border:1px solid #15161c14;border-radius:12px}
    .uq-dotstk-lb{font-size:13px;color:#15161cb0}.uq-dotstk-lb b{color:#6c5ce7}
    .uq-dotstk-row{display:flex;gap:5px;flex-wrap:wrap}.uq-dotstk-row i{width:16px;height:16px;border-radius:5px;background:#15161c12}.uq-dotstk-row i.on{background:#6c5ce7}
    .uq-cdbox{display:flex;flex-direction:column;gap:8px;align-items:center;padding:12px;border:1px solid #15161c14;border-radius:12px}
    .uq-cdboxes{display:flex;gap:8px}.uq-cdboxes>span{display:flex;flex-direction:column;align-items:center;background:#15161c;color:#ffffff;border-radius:10px;padding:8px 12px;min-width:52px}
    .uq-cdboxes b{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.uq-cdboxes em{font-size:10px;opacity:.7;font-style:normal;text-transform:uppercase;letter-spacing:.05em}
    .uq-cdinl{font-variant-numeric:tabular-nums;background:#6c5ce714;color:#6c5ce7;padding:2px 7px;border-radius:6px;font-weight:800}
    .uq-vpill{display:inline-flex;align-items:center;gap:7px;background:#15161c0a;border-radius:20px;padding:6px 13px;font-size:13px;color:#15161cc0;font-weight:600}.uq-vpill b{color:#15161c;font-weight:800}
    .uq-pulse{width:11px;height:11px;border-radius:50%;background:#e0344b;flex:none;box-shadow:0 0 0 0 #e0344b66;animation:uqpulse 1.6s infinite}
    @keyframes uqpulse{0%{box-shadow:0 0 0 0 #e0344b66}70%{box-shadow:0 0 0 8px #e0344b00}100%{box-shadow:0 0 0 0 #e0344b00}}
    .uq-fsteps{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid #15161c14;border-radius:12px}
    .uq-fsteps-tx{font-size:13px;color:#15161cb0}.uq-fsteps-tx b{color:#15161c}
    .uq-fsteps-row{display:flex;align-items:center;gap:8px}.uq-fsteps-row i{flex:1;height:6px;border-radius:6px;background:#15161c12}.uq-fsteps-row i.on{background:#1f9d55}.uq-fsteps-gift{color:#1f9d55}.uq-fsteps-gift .pico{width:20px;height:20px}
    .uq-ticker{overflow:hidden;border-radius:10px;background:linear-gradient(90deg,#6c5ce7,#6c5ce7bb);color:#fff}
    .uq-ticker-in{display:inline-block;white-space:nowrap;padding:9px 0;font-weight:800;font-size:13px;animation:uqticker 12s linear infinite}
    @keyframes uqticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
    .uq-badge.warnbg{background:#e0344b12;color:#c0293d}
    /* Reseñas en caja: estilos */
    .hyp-rvbox{margin-top:16px;border:1px solid #15161c14;border-radius:14px;padding:14px}
    .hyp-rvbox .hyp-rc-h{font-size:13px;font-weight:800;margin-bottom:10px;color:#15161c}
    .rvb-stars{color:#d18700;font-size:13px;letter-spacing:1px}.rvb-stars.sm{font-size:11px}
    .rvb-av{width:34px;height:34px;border-radius:50%;background:#6c5ce718;color:#6c5ce7;display:grid;place-items:center;font-weight:800;font-size:14px;flex:none}.rvb-av.sm{width:22px;height:22px;font-size:11px}.rvb-av.lg{width:42px;height:42px;font-size:16px}
    .rvb-list{display:flex;flex-direction:column;gap:12px}
    .rvb-item{display:flex;gap:11px}.rvb-item .rvb-tx{flex:1}.rvb-tx p{font-size:13px;color:#15161cc8;margin:3px 0;line-height:1.45}.rvb-tx cite{font-size:12px;font-style:normal;font-weight:700;color:#15161c}.rvb-tx cite em{color:#1f9d55;font-weight:600}
    .rvb-cards{display:flex;gap:10px;overflow-x:auto}.rvb-cards .rvb-card{min-width:190px;flex:1}
    .rvb-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .rvb-card{border:1px solid #15161c12;border-radius:12px;padding:12px}.rvb-card p{font-size:13px;color:#15161cc8;margin:6px 0;line-height:1.45}.rvb-card cite{display:flex;align-items:center;gap:7px;font-size:12px;font-style:normal;font-weight:700;color:#15161c}
    .rvb-min{display:flex;flex-direction:column}.rvb-min-i{padding:11px 0;border-bottom:1px solid #15161c0f}.rvb-min-i:last-child{border-bottom:0}.rvb-min-i p{font-size:13.5px;font-style:italic;color:#15161ccc;margin:5px 0}.rvb-min-i cite{font-size:12px;font-style:normal;color:#15161c88}
    .rvb-quotes{display:flex;flex-direction:column;gap:12px}.rvb-quote{position:relative;background:#6c5ce707;border-radius:12px;padding:14px 16px 14px 40px;margin:0}.rvb-qmark{position:absolute;left:12px;top:8px;font-size:32px;color:#6c5ce766;font-family:Georgia,serif;line-height:1}.rvb-quote p{font-size:13.5px;color:#15161ccc;margin:0 0 6px}.rvb-quote cite{font-size:12px;font-style:normal;font-weight:700;color:#15161c}
    .rvb-comprow{display:flex;flex-direction:column;gap:8px}.rvb-comp{font-size:12.5px;color:#15161cb0}.rvb-comp b{color:#e6b800}.rvb-comp em{font-style:normal;color:#15161c88}
    .rvb-summary .rvb-sum-head{display:flex;align-items:center;gap:14px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #15161c0f}.rvb-sum-n{font-size:34px;font-weight:800;color:#15161c}.rvb-sum-head em{display:block;font-size:12px;color:#15161c88;font-style:normal;margin-top:2px}
    /* Extras: estilos */
    .hyp-extras.xs-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hyp-extras.xs-cards .xtr{border:1px solid #15161c12;border-radius:10px;padding:9px 11px}
    .hyp-extras.xs-inline{display:flex;flex-wrap:wrap;gap:8px}.hyp-extras.xs-inline .xtr{background:#15161c07;border-radius:20px;padding:6px 12px;font-size:12px}
    .hyp-extras.xs-bar{display:flex;flex-wrap:wrap;border:1px solid #15161c12;border-radius:12px;overflow:hidden}.hyp-extras.xs-bar .xtr{flex:1;justify-content:center;padding:11px;border-right:1px solid #15161c0f}.hyp-extras.xs-bar .xtr:last-child{border-right:0}
    /* Confianza: estilos */
    .hyp-trust.ts-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hyp-trust.ts-cards .hyp-tr{border:1px solid #15161c12;border-radius:10px;padding:10px;flex-direction:column;text-align:center;gap:4px}
    .hyp-trust.ts-bar{display:flex;border:1px solid #15161c12;border-radius:12px;overflow:hidden}.hyp-trust.ts-bar .hyp-tr{flex:1;justify-content:center;padding:11px 8px;border-right:1px solid #15161c0f}.hyp-trust.ts-bar .hyp-tr:last-child{border-right:0}
    .hyp-trust.ts-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    /* Upsell en caja: 12 estilos totalmente distintos */
    .hyp-upsell .us-ph{display:grid;place-items:center;width:100%;height:100%;color:#6c5ce7}.hyp-upsell .us-ph .pico{width:40%;height:40%}
    /* 1) checkbox */
    .us-checkbox .us-ck{display:flex;align-items:center;gap:11px;padding:10px 0}.us-checkbox .us-ck+.us-ck{border-top:1px solid #15161c0d}.us-ck-box{width:20px;height:20px;border:2px solid #15161c2a;border-radius:6px;flex:none;display:grid;place-items:center;color:transparent}.us-ck-box .pico{width:12px;height:12px}.us-ck-tx{flex:1;font-size:13.5px}.us-checkbox b{font-weight:800}
    /* 2) cards horizontales */
    .us-cards-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px}.us-card{border:1px solid #15161c12;border-radius:13px;padding:10px;min-width:140px;flex:none;width:140px;display:flex;flex-direction:column;gap:4px}.us-card-img{height:74px;border-radius:9px;background:#6c5ce70e;overflow:hidden}.us-card-img img{width:100%;height:100%;object-fit:cover}.us-card>b{font-size:12.5px}.us-card>span{font-size:11px;color:#15161c88}.us-card-b{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.us-card-b>b{font-weight:800}.us-card-b button{border:0;background:#6c5ce7;color:#fff;font-size:15px;font-weight:800;width:26px;height:26px;border-radius:8px;cursor:pointer;line-height:1}
    /* 3) banner */
    .us-banner .us-ban{display:flex;align-items:center;gap:12px;border:1.5px dashed #6c5ce766;border-radius:14px;padding:14px;background:#6c5ce709}.us-ban-ic{font-size:26px}.us-ban-tx{flex:1}.us-ban-tx b{display:block;font-size:14px}.us-ban-tx em{font-size:12px;color:#15161c88;font-style:normal}.us-ban-add{text-align:right}.us-ban-add b{display:block;font-weight:800;font-size:15px}.us-ban-add span{font-size:11px;color:#fff;background:#6c5ce7;padding:3px 9px;border-radius:20px;font-weight:800}
    /* 4) toggle */
    .us-toggle .us-tg{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0}.us-toggle .us-tg+.us-tg{border-top:1px solid #15161c0d}.us-tg-tx b{display:block;font-size:13.5px}.us-tg-tx em{font-size:11.5px;color:#15161c88;font-style:normal}.us-tg-r{display:flex;align-items:center;gap:12px}.us-tg-r>b{font-weight:800}.us-switch{width:38px;height:22px;border-radius:20px;background:#15161c22;position:relative;flex:none;transition:background .2s}.us-switch::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}
    /* 5) imagen grande izq */
    .us-imgbig .us-ib{display:flex;align-items:center;gap:13px;padding:11px 0}.us-imgbig .us-ib+.us-ib{border-top:1px solid #15161c0d}.us-ib-img{width:64px;height:64px;border-radius:12px;background:#6c5ce70e;overflow:hidden;flex:none}.us-ib-img img{width:100%;height:100%;object-fit:cover}.us-ib-tx{flex:1}.us-ib-tx b{font-size:14px}.us-ib-tx span{display:block;font-size:11.5px;color:#15161c88}.us-ib-p{color:#6c5ce7;margin-top:3px}.us-ib-ck{width:24px;height:24px;border:2px solid #15161c2a;border-radius:50%;display:grid;place-items:center;color:transparent;flex:none}.us-ib-ck .pico{width:13px;height:13px}
    /* 6) grid */
    .us-grid-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.us-gc{border:1px solid #15161c12;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px}.us-gc-img{height:80px;border-radius:9px;background:#6c5ce70e;overflow:hidden}.us-gc-img img{width:100%;height:100%;object-fit:cover}.us-gc>b{font-size:12.5px}.us-gc-b{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.us-gc-b>b{font-weight:800}.us-gc-add{width:24px;height:24px;border-radius:7px;background:#6c5ce7;color:#fff;display:grid;place-items:center;font-weight:800}
    /* 7) chips */
    .us-chips-row{display:flex;flex-wrap:wrap;gap:8px}.us-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1.5px solid #15161c1c;background:#fff;border-radius:11px;padding:8px 13px;cursor:pointer;font-family:inherit}.us-chip:hover{border-color:#6c5ce7}.us-chip span{font-size:12px;color:#15161cc0}.us-chip b{font-size:12.5px;color:#6c5ce7;font-weight:800}
    /* 8) tabla */
    .us-tbl{border:1px solid #15161c14;border-radius:12px;overflow:hidden}.us-tr{display:grid;grid-template-columns:1fr auto 34px;align-items:center;gap:10px;padding:11px 13px;font-size:13px}.us-tr+.us-tr{border-top:1px solid #15161c0d}.us-th{background:#15161c07;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#15161c88}.us-tr b{font-weight:800}.us-tbl-add{width:24px;height:24px;border-radius:7px;background:#6c5ce714;color:#6c5ce7;display:grid;place-items:center;font-weight:800;cursor:pointer}
    /* 9) spotlight */
    .us-spot .us-spotc{display:flex;gap:14px;border:2px solid #6c5ce7;border-radius:16px;padding:14px;background:#6c5ce70a}.us-spot-img{width:88px;height:88px;border-radius:12px;background:#6c5ce70e;overflow:hidden;flex:none}.us-spot-img img{width:100%;height:100%;object-fit:cover}.us-spot-tx{flex:1;display:flex;flex-direction:column}.us-spot-tx>b{font-size:15px}.us-spot-tx>span{font-size:12px;color:#15161c88;margin:3px 0}.us-spot-b{display:flex;align-items:center;gap:12px;margin-top:auto}.us-spot-b>b{font-size:18px;font-weight:800;color:#6c5ce7}.us-spot-b button{border:0;background:#6c5ce7;color:#fff;font-weight:800;font-size:13px;padding:10px 16px;border-radius:10px;cursor:pointer}
    /* 10) stepper */
    .us-stepper .us-sp{display:flex;align-items:center;gap:12px;padding:11px 0}.us-stepper .us-sp+.us-sp{border-top:1px solid #15161c0d}.us-sp-img{width:48px;height:48px;border-radius:10px;background:#6c5ce70e;overflow:hidden;flex:none}.us-sp-img img{width:100%;height:100%;object-fit:cover}.us-sp-tx{flex:1}.us-sp-tx b{display:block;font-size:13px}.us-sp-tx em{font-size:12px;color:#6c5ce7;font-style:normal;font-weight:700}.us-sp-ctrl{display:flex;align-items:center;border:1px solid #15161c1c;border-radius:9px;overflow:hidden}.us-sp-ctrl button{border:0;background:#fff;width:30px;height:32px;font-size:16px;cursor:pointer;color:#15161c}.us-sp-ctrl span{min-width:26px;text-align:center;font-weight:800;font-size:13px}
    /* 11) radio */
    .us-radio .us-rd{display:flex;align-items:center;gap:12px;border:1.5px solid #15161c16;border-radius:12px;padding:11px;margin-bottom:8px;cursor:pointer}.us-radio .us-rd.on{border-color:#6c5ce7;background:#6c5ce709}.us-rd-dot{width:19px;height:19px;border-radius:50%;border:2px solid #15161c2a;flex:none;position:relative}.us-radio .us-rd.on .us-rd-dot{border-color:#6c5ce7}.us-radio .us-rd.on .us-rd-dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#6c5ce7}.us-rd-img{width:46px;height:46px;border-radius:9px;background:#6c5ce70e;overflow:hidden;flex:none}.us-rd-img img{width:100%;height:100%;object-fit:cover}.us-rd-tx{flex:1}.us-rd-tx b{display:block;font-size:13px}.us-rd-tx em{font-size:11.5px;color:#15161c88;font-style:normal}.us-rd-p{font-weight:800}
    /* 12) bar con botón */
    .us-bar .us-bar-i{display:flex;align-items:center;gap:12px;padding:10px 0}.us-bar .us-bar-i+.us-bar-i{border-top:1px solid #15161c0d}.us-bar-tx{flex:1}.us-bar-tx b{display:block;font-size:13.5px}.us-bar-tx em{font-size:11.5px;color:#15161c88;font-style:normal}.us-bar-btn{display:flex;align-items:center;gap:8px;border:0;background:#6c5ce7;color:#fff;padding:9px 15px;border-radius:10px;cursor:pointer;font-family:inherit}.us-bar-btn span{font-size:12.5px;font-weight:700}.us-bar-btn b{font-size:13px;font-weight:800}
    /* Beneficios (checklist en la caja) */
    .hyp-benefits{display:flex;flex-direction:column;gap:9px;margin:2px 0 16px}
    .hyp-benefits.bn-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}
    .hyp-bf{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#15161ccc}
    .hyp-bf-ck{width:21px;height:21px;border-radius:50%;background:#1f9d5514;color:#1f9d55;display:grid;place-items:center;flex:none}.hyp-bf-ck .pico{width:13px;height:13px}
    .hyp-bf-ic{width:26px;height:26px;border-radius:8px;background:#6c5ce712;color:#6c5ce7;display:grid;place-items:center;flex:none}.hyp-bf-ic .pico{width:15px;height:15px}
    /* ===== SECCIONES PREMIUM ===== */
    .prf{max-width:var(--wrap);margin:0 auto;padding:44px 20px}
    .prf-eyebrow{display:block;text-align:center;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6c5ce7}
    .prf-h{text-align:center;font-size:30px;margin:6px 0 32px;letter-spacing:-.02em}
    .prf-rows{display:flex;flex-direction:column;gap:28px}
    .prf-row{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
    .prf-row.rev .prf-img{order:2}
    .prf-img{aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#6c5ce718,#6c5ce706);display:grid;place-items:center}
    .prf-img img{width:100%;height:100%;object-fit:cover}.prf-ph{color:#6c5ce7}.prf-ph svg{width:54px;height:54px}
    .prf-eye{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6c5ce7}
    .prf-tx h3{font-size:22px;margin:6px 0 10px}.prf-tx p{font-size:15px;color:#15161ca6;line-height:1.6;margin:0}
    @media(max-width:760px){.prf-row{grid-template-columns:1fr;gap:16px}.prf-row.rev .prf-img{order:0}}
    .prg{max-width:var(--wrap);margin:22px auto;padding:0 20px}
    .prg-band{display:flex;align-items:center;gap:22px;background:linear-gradient(120deg,#6c5ce712,#6c5ce704);border:1px solid #6c5ce722;border-radius:20px;padding:28px 30px}
    .prg-ic{width:64px;height:64px;border-radius:16px;background:#6c5ce7;color:#fff;display:grid;place-items:center;flex:none}.prg-ic svg{width:32px;height:32px}
    .prg-eye{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6c5ce7}
    .prg-tx h2{font-size:24px;margin:5px 0 6px}.prg-tx p{font-size:14.5px;color:#15161ca6;line-height:1.55;margin:0;max-width:640px}
    .prg-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:14px;margin-top:14px}
    .prg-pt{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;border:1px solid #15161c12;border-radius:14px;padding:16px 12px}
    .prg-pt-ic{color:#6c5ce7}.prg-pt-ic svg{width:26px;height:26px}.prg-pt b{font-size:14px}.prg-pt em{font-size:12px;color:#15161c88;font-style:normal}
    @media(max-width:760px){.prg-band{flex-direction:column;text-align:center}.prg-points{grid-template-columns:1fr}}
    .prc{max-width:820px;margin:0 auto;padding:44px 20px;text-align:center}
    .prc-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6c5ce7}.prc h2{font-size:28px;margin:6px 0 26px}
    .prc-tbl{border:1px solid #15161c14;border-radius:16px;overflow:hidden}
    .prc-row{display:grid;grid-template-columns:1fr 110px 110px;align-items:center}.prc-row+.prc-row{border-top:1px solid #15161c0d}
    .prc-head{background:#15161c06}.prc-head .prc-us{color:#6c5ce7;font-weight:800}.prc-head .prc-them{color:#15161c80;font-weight:700}
    .prc-feat{padding:14px 16px;font-size:13.5px;text-align:left;font-weight:600}
    .prc-us,.prc-them{text-align:center;font-size:13px;padding:14px 8px}.prc-us{background:#6c5ce708}
    .prc-yes{width:26px;height:26px;border-radius:50%;background:#1f9d5518;color:#1f9d55;display:inline-grid;place-items:center}.prc-yes svg{width:15px;height:15px}
    .prc-no{color:#15161c40;font-size:16px;font-weight:700}
    .prs{max-width:var(--wrap);margin:0 auto;padding:44px 20px;text-align:center}.prs-h{font-size:28px;margin:0 0 30px}
    .prs-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:20px}
    .prs-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 10px}
    .prs-n{position:absolute;top:-6px;left:calc(50% + 16px);width:24px;height:24px;border-radius:50%;background:#15161c;color:#ffffff;font-size:12px;font-weight:800;display:grid;place-items:center;z-index:2}
    .prs-ic{width:64px;height:64px;border-radius:50%;background:#6c5ce712;color:#6c5ce7;display:grid;place-items:center}.prs-ic svg{width:28px;height:28px}
    .prs-step b{font-size:17px}.prs-step p{font-size:14px;color:#15161ca6;line-height:1.5;margin:0}
    .prs-conn{position:absolute;top:32px;left:calc(50% + 42px);width:calc(100% - 84px);height:2px;background:#15161c14}
    @media(max-width:760px){.prs-row{grid-template-columns:1fr;gap:26px}.prs-conn{display:none}}
    .prv{max-width:var(--wrap);margin:0 auto;padding:44px 20px}
    .prv-head{text-align:center;margin-bottom:26px}.prv-score{display:inline-flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:8px}
    .prv-score>b{font-size:40px;font-weight:800;line-height:1}
    .prv-stars{color:#d18700;font-size:18px;letter-spacing:2px}.prv-stars.sm{font-size:13px;letter-spacing:1px}
    .prv-score em{font-size:13px;color:#15161c88;font-style:normal}.prv-head h2{font-size:24px;margin:8px 0 0}
    .prv-wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:16px}
    .prv-card{border:1px solid #15161c12;border-radius:16px;padding:18px}.prv-card p{font-size:14px;color:#15161cc8;line-height:1.55;margin:8px 0 12px}
    .prv-card cite{display:flex;align-items:center;gap:10px;font-style:normal}
    .prv-av{width:38px;height:38px;border-radius:50%;background:#6c5ce718;color:#6c5ce7;display:grid;place-items:center;font-weight:800;font-size:15px}
    .prv-card cite b{display:block;font-size:13.5px}.prv-card cite em{font-size:12px;color:#1f9d55;font-style:normal;font-weight:600}
    @media(max-width:760px){.prv-wall{grid-template-columns:1fr}}
    /* FAQ premium (acordeón) */
    .prq{max-width:820px;margin:0 auto;padding:44px 20px}
    .prq-eyebrow{display:block;text-align:center;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6c5ce7}
    .prq-h{text-align:center;font-size:28px;margin:6px 0 26px}
    .prq-list{display:flex;flex-direction:column;gap:10px}
    .prq-i{border:1px solid #15161c14;border-radius:14px;padding:0 18px;transition:border-color .15s}
    .prq-i[open]{border-color:#6c5ce744;box-shadow:0 6px 20px #6c5ce710}
    .prq-i>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 0;cursor:pointer;list-style:none;font-size:15px;font-weight:700}
    .prq-i>summary::-webkit-details-marker{display:none}
    .prq-plus{position:relative;width:18px;height:18px;flex:none}
    .prq-plus::before,.prq-plus::after{content:"";position:absolute;background:#6c5ce7;border-radius:2px}.prq-plus::before{left:0;top:8px;width:18px;height:2px}.prq-plus::after{left:8px;top:0;width:2px;height:18px;transition:transform .2s,opacity .2s}
    .prq-i[open] .prq-plus::after{transform:rotate(90deg);opacity:0}
    .prq-a{padding:0 0 18px;font-size:14px;color:#15161ca6;line-height:1.6}
    /* Cifras premium */
    .prst{max-width:var(--wrap);margin:22px auto;padding:0 20px}
    .prst-band{background:#15161c;color:#ffffff;border-radius:20px;padding:32px 24px}
    .prst-h{text-align:center;font-size:22px;margin:0 0 20px;color:#ffffff}
    .prst-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:16px}
    .prst-i{text-align:center}.prst-i b{display:block;font-size:34px;font-weight:800;line-height:1;color:#6c5ce7}
    .prst-i span{font-size:13px;opacity:.72;margin-top:6px;display:block}
    @media(max-width:640px){.prst-row{grid-template-columns:1fr 1fr;gap:22px}}
    /* ===== VARIANTES DE ESTILO (lote 1) ===== */
    /* prfeatures: rows(def) · cards · center · compact */
    .prf.st-cards .prf-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:20px}
    .prf.st-cards .prf-row,.prf.st-cards .prf-row.rev{display:flex;flex-direction:column;gap:14px;text-align:left;border:1px solid #15161c14;border-radius:18px;padding:16px;background:#fff;box-shadow:0 10px 28px #15161c0c}
    .prf.st-cards .prf-row.rev .prf-img{order:0}
    .prf.st-cards .prf-img{aspect-ratio:16/10}.prf.st-cards .prf-tx h3{font-size:18px}
    @media(max-width:760px){.prf.st-cards .prf-rows{grid-template-columns:1fr}}
    .prf.st-center .prf-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:26px}
    .prf.st-center .prf-row,.prf.st-center .prf-row.rev{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
    .prf.st-center .prf-row.rev .prf-img{order:0}
    .prf.st-center .prf-img{width:86px;height:86px;aspect-ratio:1;border-radius:50%}
    .prf.st-center .prf-ph svg{width:34px;height:34px}.prf.st-center .prf-tx h3{font-size:18px}
    @media(max-width:760px){.prf.st-center .prf-rows{grid-template-columns:1fr}}
    .prf.st-compact .prf-rows{gap:0;border:1px solid #15161c12;border-radius:16px;overflow:hidden}
    .prf.st-compact .prf-row,.prf.st-compact .prf-row.rev{grid-template-columns:110px 1fr;gap:18px;align-items:center;padding:16px 18px}
    .prf.st-compact .prf-row+.prf-row{border-top:1px solid #15161c0d}
    .prf.st-compact .prf-row.rev .prf-img{order:0}
    .prf.st-compact .prf-img{aspect-ratio:1;border-radius:12px}
    .prf.st-compact .prf-tx h3{font-size:17px;margin:0 0 4px}
    @media(max-width:760px){.prf.st-compact .prf-row{grid-template-columns:76px 1fr}}
    /* prguarantee: band(def) · split · stacked · minimal */
    .prg.st-stacked .prg-band{flex-direction:column;text-align:center}
    .prg.st-stacked .prg-ic{width:72px;height:72px;border-radius:50%}
    .prg.st-split .prg-band{background:#15161c;border-color:#15161c;color:#fff}
    .prg.st-split .prg-eye{color:#fff}
    .prg.st-split .prg-tx p{color:#ffffffb3}
    .prg.st-split .prg-pt{border-color:#ffffff26}.prg.st-split .prg-pt em{color:#ffffff99}
    .prg.st-minimal .prg-band{background:none;border:1px dashed #6c5ce755;border-radius:14px;padding:18px 22px;gap:16px}
    .prg.st-minimal .prg-ic{width:46px;height:46px;border-radius:12px}.prg.st-minimal .prg-ic svg{width:24px;height:24px}
    .prg.st-minimal .prg-tx h2{font-size:19px}
    /* prcompare: table(def) · dark · minimal · highlight */
    .prc.st-dark .prc-tbl{background:#15161c;border-color:#15161c}
    .prc.st-dark .prc-feat{color:#fff}.prc.st-dark .prc-row+.prc-row{border-top-color:#ffffff1a}
    .prc.st-dark .prc-head{background:#ffffff0d}.prc.st-dark .prc-head .prc-them{color:#ffffff80}
    .prc.st-dark .prc-us{background:#6c5ce72e}.prc.st-dark .prc-no{color:#ffffff45}
    .prc.st-minimal .prc-tbl{border:none;border-radius:0}
    .prc.st-minimal .prc-head{background:none;border-bottom:2px solid #15161c14}.prc.st-minimal .prc-us{background:none}
    .prc.st-highlight .prc-tbl{border:none;overflow:visible}
    .prc.st-highlight .prc-row{border-top:none}
    .prc.st-highlight .prc-feat,.prc.st-highlight .prc-them{border-top:1px solid #15161c0d}
    .prc.st-highlight .prc-us{background:#6c5ce7;color:#fff}
    .prc.st-highlight .prc-head .prc-us{border-radius:12px 12px 0 0}
    .prc.st-highlight .prc-row:last-child .prc-us{border-radius:0 0 12px 12px}
    .prc.st-highlight .prc-yes{background:#fff;color:#6c5ce7}
    /* prsteps: line(def) · cards · vertical · plain */
    .prs.st-cards .prs-row{gap:16px}
    .prs.st-cards .prs-step{border:1px solid #15161c16;border-radius:18px;padding:30px 18px 22px;background:#fff;box-shadow:0 10px 28px #15161c0d}
    .prs.st-cards .prs-conn{display:none}.prs.st-cards .prs-n{left:auto;right:14px;top:14px}
    .prs.st-vertical .prs-row{display:flex;flex-direction:column;gap:0;max-width:540px;margin:0 auto}
    .prs.st-vertical .prs-step{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:18px;text-align:left;padding:0 0 28px;align-items:start}
    .prs.st-vertical .prs-ic{grid-column:1;grid-row:1/3}
    .prs.st-vertical .prs-n{display:none}
    .prs.st-vertical b{grid-column:2;grid-row:1;align-self:center}
    .prs.st-vertical p{grid-column:2;grid-row:2;margin-top:4px}
    .prs.st-vertical .prs-conn{display:block;top:64px;left:31px;width:2px;height:calc(100% - 64px);background:#15161c14}
    .prs.st-plain .prs-ic{display:none}
    .prs.st-plain .prs-n{position:static;width:auto;height:auto;background:none;color:#6c5ce7;font-size:40px;line-height:1;font-weight:800}
    .prs.st-plain .prs-conn{top:22px}
    /* prfaq: clean(def) · filled · boxed · minimal */
    .prq.st-filled .prq-i{background:#15161c05;border-color:transparent}
    .prq.st-filled .prq-i[open]{background:#6c5ce70d;border-color:transparent;box-shadow:none}
    .prq.st-boxed .prq-list{gap:0;border:1px solid #15161c14;border-radius:16px;overflow:hidden}
    .prq.st-boxed .prq-i{border:none;border-radius:0;padding:0 20px}
    .prq.st-boxed .prq-i+.prq-i{border-top:1px solid #15161c0d}
    .prq.st-boxed .prq-i[open]{box-shadow:none;background:#6c5ce706}
    .prq.st-minimal .prq-i{border:none;border-radius:0;padding:0;border-bottom:1px solid #15161c12}
    .prq.st-minimal .prq-i[open]{box-shadow:none}.prq.st-minimal .prq-i>summary{padding:16px 0}
    /* prstats: band(def) · cards · inline · gradient */
    .prst.st-cards{max-width:1080px}
    .prst.st-cards .prst-band{background:none;padding:0}
    .prst.st-cards .prst-h{color:#15161c}.prst.st-cards .prst-row{gap:16px}
    .prst.st-cards .prst-i{background:#fff;border:1px solid #15161c16;border-radius:18px;padding:28px 16px;box-shadow:0 10px 30px #15161c0d}
    .prst.st-cards .prst-i b{color:#6c5ce7;font-size:32px}.prst.st-cards .prst-i span{color:#15161c88;opacity:1;font-size:13.5px}
    .prst.st-inline .prst-band{background:none;padding:14px 0;border-top:1px solid #15161c12;border-bottom:1px solid #15161c12;border-radius:0}
    .prst.st-inline .prst-h{color:#15161c}.prst.st-inline .prst-i b{color:#6c5ce7}.prst.st-inline .prst-i span{color:#15161c88;opacity:1}
    .prst.st-gradient .prst-band{background:linear-gradient(120deg,#6c5ce7,#15161c)}
    /* Bundle · selector de variante por unidad */
    .hb-units{margin:12px 0 2px;border:1px solid #15161c14;border-radius:14px;padding:14px 16px;background:#15161c04}
    .hb-units-h{font-size:12.5px;font-weight:800;letter-spacing:.01em;color:#15161c;margin-bottom:8px}
    .hb-unit{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:9px 0}
    .hb-unit+.hb-unit{border-top:1px dashed #15161c12}
    .hb-u-n{font-size:12px;font-weight:800;color:#6c5ce7;min-width:70px}
    .hb-u-opts{display:flex;gap:18px;flex-wrap:wrap;flex:1}
    .hb-u-opt{display:flex;align-items:center;gap:8px}
    .hb-u-lb{font-size:11px;font-weight:700;opacity:.55}
    .hb-u-sw{display:flex;gap:6px}
    .hb-u-swi{width:22px;height:22px;border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px #15161c22 inset}
    .hb-u-swi.on{box-shadow:0 0 0 2px #fff inset,0 0 0 2px #6c5ce7}
    .hb-u-sz{display:flex;gap:6px}
    .hb-u-szi{min-width:32px;height:28px;padding:0 8px;border:1px solid #15161c22;border-radius:8px;font-size:12px;font-weight:700;display:grid;place-items:center;cursor:pointer}
    .hb-u-szi.on{border-color:#6c5ce7;background:#6c5ce7;color:#fff}
    /* ===== VARIANTES DE ESTILO (lote 2) ===== */
    /* prreviews: wall(def) · list · grid3 · minimal */
    .prv.st-list .prv-wall{grid-template-columns:1fr}
    .prv.st-grid3 .prv-wall{grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr))}
    @media(max-width:760px){.prv.st-grid3 .prv-wall{grid-template-columns:1fr}}
    .prv.st-minimal .prv-wall{grid-template-columns:1fr;gap:0}
    .prv.st-minimal .prv-card{border:none;border-radius:0;padding:20px 0}
    .prv.st-minimal .prv-card+.prv-card{border-top:1px solid #15161c12}
    /* primagetext: classic(def) · stacked · card · band */
    .prit.st-stacked{grid-template-columns:1fr;gap:22px;text-align:center}
    .prit.st-stacked .prit-pts li{justify-content:center}
    .prit.st-card{border:1px solid #15161c12;border-radius:24px;padding:30px;background:#15161c03}
    .prit.st-band{background:#15161c;color:#ffffff;border-radius:24px;padding:34px}
    .prit.st-band .prit-tx>p{color:#ffffffb3}.prit.st-band .prit-pts li{color:#ffffffd9}
    .prit.st-band .prit-img{background:#ffffff1a}
    /* prbenefits: cards(def) · outline · soft · plain */
    .prbn.st-outline .prbn-i{background:none;border:1px solid #15161c14;box-shadow:none}
    .prbn.st-outline .prbn-ic{background:#6c5ce70f}
    .prbn.st-soft .prbn-i{background:#6c5ce70d;border-color:transparent;border-radius:22px;box-shadow:none}
    .prbn.st-soft .prbn-ic{border-radius:50%;background:#fff}
    .prbn.st-plain .prbn-i{background:none;border:none;box-shadow:none;padding:18px 12px}
    .prbn.st-plain .prbn-ic{box-shadow:none;background:none;color:#6c5ce7;width:auto;height:auto}
    .prbn.st-plain .prbn-ic svg{width:34px;height:34px}
    /* prlogos: row(def) · boxed · band · dark */
    .prlg.st-boxed .prlg-i{opacity:1;border:1px solid #15161c18;border-radius:12px;padding:11px 20px;font-family:inherit;font-size:15px;letter-spacing:.03em;color:#15161c99}
    .prlg.st-band{background:#15161c05;border-radius:18px}
    .prlg.st-dark{background:#15161c;border-radius:18px}
    .prlg.st-dark .prlg-lb{color:#ffffff80}.prlg.st-dark .prlg-i{color:#fff;opacity:.7}
    /* prtestimonials: grid(def) · list · big · minimal */
    .prts.st-list .prts-grid{grid-template-columns:1fr;max-width:640px;margin-inline:auto}
    .prts.st-big .prts-grid{grid-template-columns:1fr;max-width:720px;margin-inline:auto}
    .prts.st-big .prts-card{text-align:center;padding:36px 32px}
    .prts.st-big .prts-qm{position:static;display:block;text-align:center;font-size:64px}
    .prts.st-big .prts-card p{font-size:19px;line-height:1.6}
    .prts.st-big .prts-card cite{justify-content:center}
    .prts.st-minimal .prts-card{border:none;border-radius:0;padding:24px 0}
    .prts.st-minimal .prts-card+.prts-card{border-top:1px solid #15161c0f}
    .prts.st-minimal .prts-qm{display:none}
    /* prbeforeafter: slider(def) · sidebyside · stacked · frame */
    .prba.st-sidebyside .prba-wrap{display:flex;gap:10px;aspect-ratio:auto}
    .prba.st-sidebyside .prba-layer{position:relative;inset:auto;flex:1;aspect-ratio:4/5;border-radius:14px}
    .prba.st-sidebyside .prba-before{width:auto!important;border-right:none}
    .prba.st-sidebyside .prba-before img{position:relative!important;width:100%!important;left:auto!important;top:auto!important}
    .prba.st-sidebyside .prba-before .prba-ph{width:100%!important}
    .prba.st-sidebyside .prba-handle{display:none}
    .prba.st-stacked .prba-wrap{display:flex;flex-direction:column;gap:10px;aspect-ratio:auto}
    .prba.st-stacked .prba-layer{position:relative;inset:auto;width:100%!important;aspect-ratio:16/9;border-radius:14px}
    .prba.st-stacked .prba-before{border-right:none}
    .prba.st-stacked .prba-before img{position:relative!important;width:100%!important;left:auto!important;top:auto!important}
    .prba.st-stacked .prba-before .prba-ph{width:100%!important}
    .prba.st-stacked .prba-handle{display:none}
    .prba.st-frame .prba-wrap{border:7px solid #fff;box-shadow:0 22px 55px #15161c26,0 0 0 1px #15161c12}
    /* ===== VARIANTES DE ESTILO (lote 3) ===== */
    /* prgallery: mosaic(def) · uniform · strip · frame */
    .prg2.st-uniform .prg2-i.wide{grid-column:span 1}.prg2.st-uniform .prg2-grid{grid-auto-rows:220px}
    .prg2.st-strip .prg2-grid{display:flex;grid-auto-rows:auto;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:6px}
    .prg2.st-strip .prg2-i{flex:0 0 260px;height:300px;scroll-snap-align:start}.prg2.st-strip .prg2-i.wide{grid-column:auto}
    .prg2.st-frame .prg2-i{border:6px solid #fff;box-shadow:0 8px 22px #15161c1a}.prg2.st-frame .prg2-i.wide{grid-column:span 1}
    /* prstatement: center(def) · quote · band · line */
    .prsm.st-quote .prsm-tx::before{content:"“";font-family:Georgia,serif;font-size:80px;color:#6c5ce72e;display:block;line-height:.3;margin-bottom:24px}
    .prsm.st-band{padding:44px 24px}.prsm.st-band .prsm-in{background:#15161c;border-radius:24px;padding:44px 30px}
    .prsm.st-band .prsm-tx{color:#fff}.prsm.st-band .prsm-au{color:#ffffff99}
    .prsm.st-line .prsm-in{border-top:2px solid #15161c14;border-bottom:2px solid #15161c14;padding:32px 0}
    /* prcta: gradient(def) · solid · outline · minimal */
    .prct.st-solid .prct-in{background:#15161c}
    .prct.st-outline .prct-in{background:#6c5ce70a;border:1.5px solid #6c5ce744;color:#15161c}
    .prct.st-outline .prct-in::after{display:none}.prct.st-outline .prct-eye{color:#6c5ce7}
    .prct.st-outline .prct-in h2{color:#15161c}.prct.st-outline .prct-in p{color:#15161ca6}
    .prct.st-outline .prct-btn{background:#6c5ce7;color:#fff}
    .prct.st-minimal .prct-in{background:none;border-top:1px solid #15161c14;border-bottom:1px solid #15161c14;border-radius:0;color:#15161c;padding:38px 20px}
    .prct.st-minimal .prct-in::after{display:none}.prct.st-minimal .prct-eye{color:#6c5ce7}
    .prct.st-minimal .prct-in h2{color:#15161c}.prct.st-minimal .prct-in p{color:#15161ca6}
    .prct.st-minimal .prct-btn{background:#6c5ce7;color:#fff}
    /* prspecs: two(def) · striped · boxed · cards */
    .prsp.st-striped .prsp-grid{grid-template-columns:1fr;max-width:640px}
    .prsp.st-striped .prsp-i{border-bottom:none;padding:12px 16px;border-radius:8px}
    .prsp.st-striped .prsp-i:nth-child(odd){background:#15161c05}
    .prsp.st-boxed .prsp-grid{grid-template-columns:1fr;max-width:640px;border:1px solid #15161c14;border-radius:16px;overflow:hidden}
    .prsp.st-boxed .prsp-i{padding:14px 18px;border-bottom:1px solid #15161c0d}.prsp.st-boxed .prsp-i:last-child{border-bottom:none}
    .prsp.st-cards .prsp-grid{grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:12px;max-width:none}
    .prsp.st-cards .prsp-i{flex-direction:column;align-items:flex-start;gap:4px;border:1px solid #15161c14;border-bottom:1px solid #15161c14;border-radius:14px;padding:18px;background:#fff;box-shadow:0 8px 22px #15161c0b}
    .prsp.st-cards .prsp-l{font-size:12px;text-transform:uppercase;letter-spacing:.05em}.prsp.st-cards .prsp-v{font-size:16px}
    @media(max-width:640px){.prsp.st-cards .prsp-grid{grid-template-columns:1fr 1fr}}
    /* pringredients: cards(def) · list · soft · minimal */
    .prin.st-list .prin-grid{grid-template-columns:1fr 1fr}
    .prin.st-list .prin-i{flex-direction:row;flex-wrap:wrap;align-items:center;text-align:left;gap:12px}
    .prin.st-list .prin-ic{flex:none;margin-bottom:0}.prin.st-list .prin-i b{flex:1 0 auto}.prin.st-list .prin-i span{flex:1 0 100%}
    @media(max-width:640px){.prin.st-list .prin-grid{grid-template-columns:1fr}}
    .prin.st-soft .prin-i{background:#6c5ce70a;border-color:transparent}
    .prin.st-minimal .prin-i{border:none;padding:16px 12px}.prin.st-minimal .prin-ic{background:none;color:#6c5ce7}
    /* prfeatured: classic(def) · card · band · spotlight */
    .prfp.st-card{border:1px solid #15161c12;border-radius:24px;padding:28px;background:#15161c03}
    .prfp.st-band{background:#6c5ce70a;border-radius:24px;padding:32px}
    .prfp.st-spotlight{background:#15161c;border-radius:24px;padding:32px}
    .prfp.st-spotlight .prfp-tx h2{color:#fff}.prfp.st-spotlight .prfp-tx>p{color:#ffffffb3}
    .prfp.st-spotlight .prfp-price b{color:#fff}.prfp.st-spotlight .prfp-price s{color:#ffffff55}
    .prfp.st-spotlight .prfp-img{background:#ffffff1a}
    /* ===== VARIANTES DE ESTILO (lote 4) ===== */
    /* prnewsletter: band(def) · solid · outline · minimal */
    .prnl.st-solid .prnl-in{background:#15161c;border-color:#15161c}
    .prnl.st-solid .prnl-in h2{color:#fff}.prnl.st-solid .prnl-in>p{color:#ffffffb3}
    .prnl.st-solid .prnl-note{color:#ffffff80}.prnl.st-solid .prnl-eye{color:#fff}
    .prnl.st-outline .prnl-in{background:none;border:1.5px dashed #6c5ce755}
    .prnl.st-minimal .prnl-in{background:none;border:none;border-radius:0;padding:34px 20px;border-top:1px solid #15161c14;border-bottom:1px solid #15161c14}
    /* prvideo: wide(def) · cinema · frame · portrait */
    .prvd.st-cinema{max-width:1000px}.prvd.st-cinema .prvd-frame{aspect-ratio:21/9}
    .prvd.st-frame .prvd-frame{border:8px solid #fff;box-shadow:0 20px 50px #15161c22,0 0 0 1px #15161c12}
    .prvd.st-portrait{max-width:460px}.prvd.st-portrait .prvd-frame{aspect-ratio:4/5}
    .prvd.multi{max-width:820px}.prvd.multi .prvd-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:14px}.prvd.multi .prvd-frame{aspect-ratio:4/5}
    @media(max-width:640px){.prvd.multi .prvd-row{grid-template-columns:1fr}}
    /* prsizeguide: striped(def) · minimal · bold · compact */
    .prsg.st-minimal .prsg-tbl{border:none;border-radius:0}
    .prsg.st-minimal .prsg-tbl th{background:none;color:#15161c;border-bottom:2px solid #15161c14}
    .prsg.st-minimal .prsg-tbl tbody tr:nth-child(even){background:none}.prsg.st-minimal .prsg-tbl td:first-child{color:#15161c}
    .prsg.st-bold .prsg-tbl th{background:#15161c}
    .prsg.st-compact .prsg-tbl th,.prsg.st-compact .prsg-tbl td{padding:8px 12px;font-size:12.5px}
    /* prrelated: grid4(def) · grid3 · strip · cards */
    .prrl.st-grid3 .prrl-grid{grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr))}.prrl.st-grid3 .prrl-stars{display:flex}
    .prrl.st-badge .prrl-badge{display:block}
    .prrl.st-rating .prrl-stars{display:flex}
    .prrl.st-urgency .prrl-badge,.prrl.st-urgency .prrl-stock,.prrl.st-urgency .prrl-urg{display:block}.prrl.st-urgency .prrl-stock{display:block}
    .prrl.st-overlay .prrl-img{aspect-ratio:3/4;margin-bottom:0}
    .prrl.st-overlay .prrl-c{border-radius:16px;overflow:hidden}
    .prrl.st-overlay .prrl-body{position:absolute;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;gap:3px}
    .prrl.st-overlay .prrl-pr b{color:#fff}.prrl.st-overlay .prrl-pr s{color:#ffffff99}
    .prrl.st-horizontal .prrl-grid{grid-template-columns:1fr;gap:12px;max-width:640px;margin:0 auto}
    .prrl.st-horizontal .prrl-c{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;border:1px solid #15161c14;border-radius:14px;padding:10px;box-shadow:0 6px 18px #15161c0a}
    .prrl.st-horizontal .prrl-img{margin-bottom:0}.prrl.st-horizontal .prrl-stars{display:flex}
    .prrl.st-button .prrl-img:hover img{transform:scale(1.06)}
    .prrl.st-button .prrl-btn{display:block}.prrl.st-button .prrl-c:hover .prrl-btn{transform:translateY(0)}
    .prrl.st-minimal .prrl-img{background:#15161c05}.prrl.st-minimal .prrl-t{display:none}
    .prrl.st-minimal .prrl-body{text-align:center}.prrl.st-minimal .prrl-pr{justify-content:center}
    .prrl.st-bold .prrl-grid{grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr))}
    .prrl.st-bold .prrl-c{border:1px solid #15161c14;border-radius:18px;padding:14px;box-shadow:0 10px 28px #15161c0c}
    .prrl.st-bold .prrl-badge{display:block}.prrl.st-bold .prrl-stars{display:flex}.prrl.st-bold .prrl-pr b{font-size:20px}
    .prrl.st-deal .prrl-badge,.prrl.st-deal .prrl-urg,.prrl.st-deal .prrl-fav{display:block}.prrl.st-deal .prrl-fav{display:grid}
    .prrl.st-deal .prrl-c{border:1px solid #e0344b26;border-radius:14px;padding:10px;background:#e0344b06}
    .prrl.st-strip .prrl-grid{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;padding-bottom:6px}
    .prrl.st-strip .prrl-c{flex:0 0 210px;scroll-snap-align:start}.prrl.st-strip .prrl-stars{display:flex}
    .prrl.st-compact .prrl-grid{display:flex;overflow-x:auto;gap:12px;padding-bottom:6px}
    .prrl.st-compact .prrl-c{flex:0 0 132px}.prrl.st-compact .prrl-t{font-size:12.5px}
    .prrl.st-pill .prrl-c{border:1px solid #15161c12;border-radius:20px;padding:12px}
    .prrl.st-pill .prrl-img{border-radius:16px}.prrl.st-pill .prrl-body{align-items:center;text-align:center}
    .prrl.st-pill .prrl-stars{display:flex;justify-content:center}.prrl.st-pill .prrl-pr{justify-content:center;background:#6c5ce70d;border-radius:20px;padding:5px 14px;margin-top:4px}
    .prrl.st-cards .prrl-c{border:1px solid #15161c14;border-radius:16px;padding:12px;background:#fff;box-shadow:0 8px 22px #15161c0b}.prrl.st-cards .prrl-stars{display:flex}
    /* prpayments: box(def) · plain · band · mono */
    .prpay.st-plain .prpay-in{border:none;padding:12px}
    .prpay.st-band .prpay-in{background:#15161c05;border-color:transparent}
    .prpay.st-mono .prpay-row i{background:#15161c;color:#ffffff;border-color:#15161c}
    /* pricons: grid(def) · cards · boxed · plain */
    .prico.st-cards .prico-i{background:#fff;border:1px solid #15161c16;border-radius:16px;padding:22px 14px;box-shadow:0 8px 24px #15161c0c}
    .prico.st-boxed .prico-i{background:#6c5ce70a;border:1px solid #6c5ce71a;border-radius:16px;padding:22px 14px}
    .prico.st-plain .prico-ic{background:none;color:#6c5ce7;width:auto;height:auto;margin-bottom:6px}.prico.st-plain .prico-ic svg{width:30px;height:30px}
    /* ===== VARIANTES DE ESTILO (lote 5) ===== */
    /* prsticky: bar(def) · compact · pill · dark */
    .prsk.st-compact .prsk-img{display:none}.prsk.st-compact .prsk-in{padding:9px 20px}
    .prsk.st-pill{background:transparent;border:none;box-shadow:none;bottom:14px}
    .prsk.st-pill .prsk-in{background:#fff;border:1px solid #15161c12;border-radius:16px;box-shadow:0 10px 30px rgba(20,22,40,.16);padding:10px 14px}
    .prsk.st-dark{background:#15161c;border-top-color:#15161c}
    .prsk.st-dark .prsk-tx b{color:#fff}.prsk.st-dark .prsk-price{color:#fff}
    .prsk.st-dark .prsk-qty{border-color:#ffffff33}.prsk.st-dark .prsk-qty button{background:transparent;color:#fff}.prsk.st-dark .prsk-qty span{color:#fff}
    /* prvolume: grid(def) · list · tiles · minimal */
    .prvo.st-list .prvo-grid{grid-template-columns:1fr;max-width:560px}
    .prvo.st-list .prvo-c{flex-direction:row;align-items:center;justify-content:space-between}.prvo.st-list .prvo-main{flex:1}
    .prvo.st-tiles .prvo-grid{grid-template-columns:1fr 1fr}
    .prvo.st-minimal .prvo-grid{grid-template-columns:1fr;max-width:560px;gap:0}
    .prvo.st-minimal .prvo-c{flex-direction:row;align-items:center;justify-content:space-between;border:none;border-radius:0;border-bottom:1px solid #15161c12;box-shadow:none;padding:16px 6px}
    .prvo.st-minimal .prvo-c.pop{box-shadow:none}.prvo.st-minimal .prvo-main{flex:1}
    /* prpack: row(def) · card · band · minimal */
    .prpk.st-card{border:1px solid #15161c12;border-radius:22px;padding:30px;background:#15161c03}
    .prpk.st-band{background:#6c5ce70a;border-radius:22px;padding:30px}
    .prpk.st-minimal .prpk-cta{border:none;background:#15161c05}
    /* prrichtext: prose(def) · narrow · card · accent */
    .prrt.st-narrow{max-width:600px}.prrt.st-narrow .prrt-tx p{font-size:17px;line-height:1.8}
    .prrt.st-card{border:1px solid #15161c12;border-radius:20px;padding:34px 40px;background:#15161c03}
    .prrt.st-accent{border-left:4px solid #6c5ce7;padding-left:28px}
    /* prcountdown: dark(def) · light · accent · inline */
    .prcd.st-light .prcd-in{background:#6c5ce70a;color:#15161c}
    .prcd.st-light .prcd-clock>span{background:#fff;border:1px solid #15161c12}.prcd.st-light .prcd-clock b{color:#15161c}
    .prcd.st-light .prcd-txw span{opacity:.7;color:#15161c}.prcd.st-light .prcd-btn{background:#6c5ce7;color:#fff}
    .prcd.st-accent .prcd-in{background:#6c5ce7}.prcd.st-accent .prcd-btn{background:#fff;color:#6c5ce7}
    .prcd.st-inline .prcd-in{background:none;color:#15161c;border:1px solid #15161c14;padding:16px 22px}
    .prcd.st-inline .prcd-clock>span{background:#15161c08}.prcd.st-inline .prcd-clock b{color:#15161c}
    .prcd.st-inline .prcd-txw span{color:#15161c;opacity:.7}.prcd.st-inline .prcd-btn{background:#6c5ce7;color:#fff}
    /* prstockbanner: danger(def) · accent · solid · minimal */
    .prsb.st-accent .prsb-in{border-color:#6c5ce733;background:#6c5ce70a}.prsb.st-accent .prsb-ic{background:#6c5ce718;color:#6c5ce7}
    .prsb.st-accent .prsb-bar{background:#6c5ce71a}.prsb.st-accent .prsb-bar>span{background:linear-gradient(90deg,#6c5ce7aa,#6c5ce7)}
    .prsb.st-solid .prsb-in{background:#15161c;border-color:#15161c}.prsb.st-solid .prsb-tx b{color:#fff}.prsb.st-solid .prsb-tx em{color:#ffffff99}
    .prsb.st-solid .prsb-ic{background:#ffffff1a;color:#fff}.prsb.st-solid .prsb-bar{background:#ffffff22}
    .prsb.st-minimal .prsb-in{background:none;border:none;padding:10px 0}.prsb.st-minimal .prsb-ic{display:none}
    /* Galería premium */
    .prg2{max-width:var(--wrap);margin:0 auto;padding:44px 20px}
    .prg2-h{text-align:center;font-size:28px;margin:0 0 24px}
    .prg2-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));grid-auto-rows:200px;gap:12px}
    .prg2-i{position:relative;margin:0;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#6c5ce718,#6c5ce706)}
    .prg2-i.wide{grid-column:span 2}
    .prg2-i img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.prg2-i:hover img{transform:scale(1.05)}
    .prg2-ph{display:block;width:100%;height:100%}
    .prg2-i figcaption{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;font-size:13px;font-weight:600}
    @media(max-width:640px){.prg2-grid{grid-template-columns:1fr 1fr;grid-auto-rows:150px}}
    /* Frase de marca premium */
    .prsm{max-width:820px;margin:0 auto;padding:56px 24px;text-align:center}
    .prsm-eye{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6c5ce7}
    .prsm-tx{font-size:30px;line-height:1.35;font-weight:600;letter-spacing:-.01em;margin:16px 0 14px;color:#15161c}
    .prsm-au{font-size:14px;color:#15161c88;font-style:normal;font-weight:700}
    @media(max-width:640px){.prsm-tx{font-size:22px}}
    /* CTA premium */
    .prct{max-width:var(--wrap);margin:22px auto;padding:0 20px}
    .prct-in{background:linear-gradient(120deg,#6c5ce7,#6c5ce7c0);border-radius:22px;padding:48px 32px;text-align:center;color:#fff;position:relative;overflow:hidden}
    .prct-in::after{content:"";position:absolute;top:-40%;right:-10%;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.08)}
    .prct-eye{position:relative;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.92}
    .prct-in h2{position:relative;font-size:30px;margin:8px 0 8px}
    .prct-in p{position:relative;font-size:15px;opacity:.92;margin:0 auto 20px;max-width:520px}
    .prct-btn{position:relative;display:inline-block;background:#fff;color:#6c5ce7;font-weight:800;font-size:15px;padding:14px 30px;border-radius:12px;text-decoration:none}
    /* Especificaciones premium */
    .prsp{max-width:var(--wrap);margin:0 auto;padding:44px 20px}
    .prsp-h{text-align:center;font-size:28px;margin:0 0 24px}
    .prsp-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;max-width:760px;margin:0 auto}
    .prsp-i{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #15161c12}
    .prsp-l{font-size:14px;color:#15161c88}.prsp-v{font-size:14px;font-weight:700;color:#15161c}
    @media(max-width:640px){.prsp-grid{grid-template-columns:1fr}}
    /* Composición premium */
    .prin{max-width:var(--wrap);margin:0 auto;padding:44px 20px;text-align:center}
    .prin-h{font-size:28px;margin:0 0 6px}.prin-lead{font-size:15px;color:#15161ca6;margin:0 auto 26px;max-width:520px}
    .prin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:16px}
    .prin-i{border:1px solid #15161c12;border-radius:16px;padding:24px 18px;display:flex;flex-direction:column;align-items:center;gap:6px}
    .prin-ic{width:52px;height:52px;border-radius:14px;background:#6c5ce712;color:#6c5ce7;display:grid;place-items:center;margin-bottom:4px}.prin-ic svg{width:26px;height:26px}
    .prin-i b{font-size:15px}.prin-i span{font-size:13px;color:#15161c88;line-height:1.5}
    @media(max-width:640px){.prin-grid{grid-template-columns:1fr}}
    /* Imagen + texto premium */
    .prit{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;max-width:var(--wrap);margin:0 auto;padding:44px 20px}
    .prit.rev .prit-img{order:2}
    .prit-img{aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#6c5ce718,#6c5ce706);display:grid;place-items:center}
    .prit-img img{width:100%;height:100%;object-fit:cover}.prit-ph{color:#6c5ce7}.prit-ph svg{width:60px;height:60px}
    .prit-eye{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6c5ce7}
    .prit-tx h2{font-size:28px;margin:8px 0 12px;letter-spacing:-.01em}.prit-tx>p{font-size:15px;color:#15161ca6;line-height:1.6;margin:0 0 18px}
    .prit-pts{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:11px}
    .prit-pts li{display:flex;align-items:center;gap:11px;font-size:14.5px;color:#15161ccc}
    .prit-ck{width:24px;height:24px;border-radius:50%;background:#1f9d5514;color:#1f9d55;display:grid;place-items:center;flex:none}.prit-ck .pico{width:14px;height:14px}
    .prit-btn{display:inline-block;background:#6c5ce7;color:#fff;font-weight:700;font-size:14px;padding:13px 26px;border-radius:11px;text-decoration:none}
    @media(max-width:900px){.prit{grid-template-columns:1fr;gap:20px}.prit.rev .prit-img{order:0}}
    /* Producto destacado premium */
    .prfp{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;max-width:var(--wrap);margin:0 auto;padding:44px 20px}
    .prfp.rev .prfp-img{order:2}
    .prfp-img{position:relative;aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#6c5ce718,#6c5ce706);display:grid;place-items:center}
    .prfp-img img{width:100%;height:100%;object-fit:cover}.prfp-ph{color:#6c5ce7}.prfp-ph svg{width:60px;height:60px}
    .prfp-badge{position:absolute;top:16px;left:16px;background:#6c5ce7;color:#fff;font-size:13px;font-weight:800;padding:6px 12px;border-radius:20px}
    .prfp-eye{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6c5ce7}
    .prfp-tx h2{font-size:30px;margin:8px 0 8px}
    .prfp-stars{color:#d18700;font-size:14px}.prfp-stars em{color:#15161c88;font-size:12.5px}
    .prfp-tx>p{font-size:15px;color:#15161ca6;line-height:1.6;margin:12px 0}
    .prfp-price{display:flex;align-items:baseline;gap:12px;margin:6px 0 12px}.prfp-price b{font-size:30px;font-weight:800}.prfp-price s{font-size:17px;color:#15161c55}
    .prfp-urg{display:inline-block;font-size:13px;font-weight:700;color:#c0343d;background:#c0343d12;padding:6px 12px;border-radius:8px;margin-bottom:14px}
    .prfp-btn{display:inline-block;background:#6c5ce7;color:#fff;font-weight:800;font-size:15px;padding:14px 30px;border-radius:12px;text-decoration:none}
    @media(max-width:760px){.prfp{grid-template-columns:1fr;gap:20px}.prfp.rev .prfp-img{order:0}}
    /* Ventajas premium */
    .prbn{max-width:var(--wrap);margin:0 auto;padding:44px 20px;text-align:center}
    .prbn-eye{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6c5ce7}.prbn-h{font-size:28px;margin:6px 0 26px}
    .prbn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:16px}
    .prbn-i{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 18px;border-radius:18px;background:#ffffff;border:1px solid #15161c14;box-shadow:0 10px 28px #15161c0c}
    .prbn-ic{width:54px;height:54px;border-radius:16px;background:#6c5ce710;color:#6c5ce7;display:grid;place-items:center}.prbn-ic svg{width:26px;height:26px}
    .prbn-i b{font-size:15px;margin-top:4px}.prbn-i span{font-size:13px;color:#15161c90;line-height:1.5}
    @media(max-width:760px){.prbn-grid{grid-template-columns:1fr 1fr}}
    /* Visto en / marcas */
    .prlg{max-width:var(--wrap);margin:0 auto;padding:34px 20px;text-align:center}
    .prlg-lb{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#15161c70;margin-bottom:18px}
    .prlg-row{display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap}
    .prlg-i{font-size:20px;font-weight:800;letter-spacing:.08em;color:#15161c;opacity:.42;font-family:Georgia,'Times New Roman',serif}
    @media(max-width:640px){.prlg-row{gap:22px}.prlg-i{font-size:16px}}
    /* Testimonios premium */
    .prts{max-width:var(--wrap);margin:0 auto;padding:44px 20px}.prts-h{text-align:center;font-size:28px;margin:0 0 26px}
    .prts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:16px}
    .prts-card{position:relative;border:1px solid #15161c12;border-radius:18px;padding:24px 20px 20px}
    .prts-qm{position:absolute;top:10px;right:18px;font-family:Georgia,serif;font-size:56px;line-height:1;color:#6c5ce71f}
    .prts-card p{font-size:14.5px;color:#15161cc8;line-height:1.6;margin:0 0 16px;position:relative}
    .prts-card cite{display:flex;align-items:center;gap:11px;font-style:normal}
    .prts-av{width:42px;height:42px;border-radius:50%;background:#6c5ce718;color:#6c5ce7;display:grid;place-items:center;font-weight:800;font-size:16px}
    .prts-who b{display:block;font-size:14px}.prts-who em{font-size:12px;color:#6c5ce7;font-style:normal;font-weight:600}
    @media(max-width:760px){.prts-grid{grid-template-columns:1fr}}
    /* Newsletter premium */
    .prnl{max-width:var(--wrap);margin:22px auto;padding:0 20px}
    .prnl-in{background:linear-gradient(135deg,#6c5ce712,#6c5ce704);border:1px solid #6c5ce722;border-radius:22px;padding:44px 32px;text-align:center}
    .prnl-eye{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#6c5ce7}
    .prnl-in h2{font-size:28px;margin:8px 0 8px}.prnl-in>p{font-size:15px;color:#15161ca6;margin:0 auto 20px;max-width:480px}
    .prnl-form{display:flex;gap:10px;max-width:440px;margin:0 auto}
    .prnl-form input{flex:1;border:1px solid #15161c20;border-radius:12px;padding:14px 16px;font-size:14px;background:#fff;font-family:inherit}
    .prnl-form button{border:0;background:#6c5ce7;color:#fff;font-weight:800;font-size:14px;padding:14px 22px;border-radius:12px;cursor:pointer;white-space:nowrap}
    .prnl-note{display:block;font-size:12px;color:#15161c70;margin-top:12px}
    @media(max-width:520px){.prnl-form{flex-direction:column}}
    /* Antes / Después premium */
    .prba{max-width:820px;margin:0 auto;padding:44px 20px}.prba-h{text-align:center;font-size:28px;margin:0 0 24px}
    .prba-wrap{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden}
    .prba-layer{position:absolute;inset:0;overflow:hidden}
    .prba-after img,.prba-after .prba-ph{width:100%;height:100%;object-fit:cover}
    .prba-after .prba-ph{background:linear-gradient(135deg,#6c5ce722,#6c5ce708)}
    .prba-before{border-right:3px solid #fff}
    .prba-before img{position:absolute;top:0;left:0;width:192%;height:100%;object-fit:cover;max-width:none}
    .prba-before .prba-ph{width:192%;height:100%;background:linear-gradient(135deg,#15161c22,#15161c0a)}
    .prba-tag{position:absolute;bottom:14px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:rgba(0,0,0,.55);color:#fff;padding:5px 11px;border-radius:20px}.prba-tag.left{left:14px}.prba-tag.right{right:14px}
    .prba-handle{position:absolute;top:0;bottom:0;width:3px;background:#fff;transform:translateX(-50%)}
    .prba-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.3);display:grid;place-items:center;font-size:14px;color:#6c5ce7;font-weight:800}.prba-knob::before{content:"⟷"}
    /* Vídeo premium */
    .prvd{max-width:820px;margin:0 auto;padding:44px 20px;text-align:center}
    .prvd-eye{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6c5ce7}.prvd-h{font-size:28px;margin:6px 0 22px}
    .prvd-frame{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#6c5ce720,#6c5ce708)}
    .prvd-frame img{width:100%;height:100%;object-fit:cover}.prvd-ph{display:block;width:100%;height:100%}
    .prvd-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:0;background:rgba(255,255,255,.92);cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.25)}
    .prvd-play span{width:0;height:0;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #6c5ce7;margin-left:4px}
    .prvd-cap{position:absolute;bottom:14px;left:14px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:600;padding:5px 11px;border-radius:20px}
    /* Guía de tallas premium */
    .prsg{max-width:820px;margin:0 auto;padding:44px 20px}.prsg-h{text-align:center;font-size:28px;margin:0 0 22px}
    .prsg-tbl{border:1px solid #15161c14;border-radius:16px;overflow:hidden}.prsg-tbl table{width:100%;border-collapse:collapse}
    .prsg-tbl th{background:#6c5ce7;color:#fff;font-size:12.5px;font-weight:800;padding:13px 14px;text-align:left}
    .prsg-tbl td{padding:13px 14px;font-size:13.5px;border-top:1px solid #15161c0d}
    .prsg-tbl tbody tr:nth-child(even){background:#15161c05}.prsg-tbl td:first-child{font-weight:800;color:#6c5ce7}
    /* Relacionados premium */
    .prrl{max-width:var(--wrap);margin:0 auto;padding:44px 20px}.prrl-h{text-align:center;font-size:28px;margin:0 0 24px}
    .prrl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:16px}
    .prrl-c{position:relative;text-decoration:none;color:inherit;display:flex;flex-direction:column}
    .prrl-img{position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#6c5ce716,#6c5ce706);margin-bottom:9px}
    .prrl-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.prrl-ph{display:block;width:100%;height:100%}
    .prrl-body{display:flex;flex-direction:column;gap:5px}
    .prrl-t{font-size:14px;font-weight:600;line-height:1.3}
    .prrl-pr{display:flex;align-items:baseline;gap:8px}.prrl-pr b{font-size:15px;font-weight:800}.prrl-pr s{font-size:12.5px;color:#15161c55}
    .prrl-badge,.prrl-fav,.prrl-btn,.prrl-stars,.prrl-stock,.prrl-urg{display:none}
    .prrl-badge{position:absolute;top:8px;left:8px;background:#6c5ce7;color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:20px;z-index:2}
    .prrl-fav{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.9);color:#6c5ce7;place-items:center;font-size:13px;z-index:2}
    .prrl-btn{position:absolute;left:10px;right:10px;bottom:10px;background:#ffffff;color:#15161c;text-align:center;font-size:12.5px;font-weight:800;padding:9px;border-radius:10px;transform:translateY(150%);transition:transform .25s;box-shadow:0 6px 18px rgba(0,0,0,.18);z-index:2}
    .prrl-stars{font-size:11px;color:#d18700;letter-spacing:1px;align-items:center}.prrl-stars em{color:#15161c70;font-style:normal;margin-left:4px}
    .prrl-stock{height:5px;border-radius:20px;background:#15161c12;overflow:hidden;margin-top:3px}.prrl-stock-bar{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#f0a733,#e0344b)}
    .prrl-urg{font-size:11.5px;font-weight:700;color:#e0344b}
    @media(max-width:760px){.prrl-grid{grid-template-columns:1fr 1fr}}
    /* Pago seguro premium */
    .prpay{max-width:var(--wrap);margin:0 auto;padding:24px 20px}
    .prpay-in{border:1px solid #15161c12;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px}
    .prpay-sec{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#15161c}.prpay-sec .pico{width:17px;height:17px;color:#1f9d55}
    .prpay-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
    .prpay-row i{font-style:normal;font-size:11px;font-weight:800;color:#15161c80;background:#15161c08;border:1px solid #15161c12;padding:7px 12px;border-radius:8px;letter-spacing:.02em}
    /* Fila de iconos premium */
    .prico{max-width:var(--wrap);margin:0 auto;padding:28px 20px}
    .prico-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));gap:14px}
    .prico-i{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}
    .prico-ic{width:46px;height:46px;border-radius:14px;background:#6c5ce710;color:#6c5ce7;display:grid;place-items:center;margin-bottom:4px}.prico-ic svg{width:23px;height:23px}
    .prico-i b{font-size:13.5px}.prico-i em{font-size:12px;color:#15161c80;font-style:normal}
    @media(max-width:640px){.prico-row{grid-template-columns:1fr 1fr}}
    /* Barra de compra fija premium */
    .prsk{position:sticky;bottom:0;z-index:40;background:#ffffff;border-top:1px solid #15161c12;box-shadow:0 -6px 24px rgba(20,22,40,.08)}
    .prsk-in{max-width:var(--wrap);margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px}
    .prsk-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
    .prsk-img{width:46px;height:46px;border-radius:10px;overflow:hidden;background:#6c5ce70e;flex:none}.prsk-img img{width:100%;height:100%;object-fit:cover}.prsk-ph{display:block;width:100%;height:100%}
    .prsk-tx{min-width:0}.prsk-tx b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .prsk-meta{display:flex;align-items:center;gap:8px}.prsk-stars{color:#d18700;font-size:12px}.prsk-price{color:#6c5ce7;font-weight:800;font-style:normal;font-size:14px}
    .prsk-qty{display:flex;align-items:center;border:1px solid #15161c1c;border-radius:10px;overflow:hidden}.prsk-qty button{border:0;background:#fff;width:32px;height:38px;font-size:16px;cursor:pointer}.prsk-qty span{min-width:26px;text-align:center;font-weight:700}
    .prsk-btn{border:0;background:#6c5ce7;color:#fff;font-weight:800;font-size:14px;padding:13px 26px;border-radius:11px;cursor:pointer;white-space:nowrap}
    @media(max-width:560px){.prsk-btn{padding:13px 16px}.prsk-stars{display:none}}
    /* Ofertas por cantidad premium */
    .prvo{max-width:var(--wrap);margin:0 auto;padding:44px 20px}.prvo-h{text-align:center;font-size:28px;margin:0 0 24px}
    .prvo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:14px;max-width:760px;margin:0 auto}
    .prvo-c{position:relative;border:2px solid #15161c14;border-radius:16px;padding:20px 16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:border-color .13s,box-shadow .13s}
    .prvo-c.pop{border-color:#6c5ce7;box-shadow:0 10px 26px #6c5ce71f}
    .prvo-tag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#6c5ce7;color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:20px;white-space:nowrap}
    .prvo-rad{width:20px;height:20px;border-radius:50%;border:2px solid #15161c2a}.prvo-c.pop .prvo-rad{border-color:#6c5ce7;background:radial-gradient(circle,#6c5ce7 42%,transparent 46%)}
    .prvo-main b{font-size:15px}.prvo-off{display:block;font-size:12px;color:#1f9d55;font-weight:800;font-style:normal;margin-top:2px}
    .prvo-pr b{font-size:20px;font-weight:800;color:#6c5ce7}.prvo-pr em{display:block;font-size:11.5px;color:#15161c80;font-style:normal}
    @media(max-width:640px){.prvo-grid{grid-template-columns:1fr}}
    /* Pack cómpralo junto premium */
    .prpk{max-width:820px;margin:0 auto;padding:44px 20px;text-align:center}.prpk-h{font-size:28px;margin:0 0 24px}
    .prpk-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}
    .prpk-p{width:130px}.prpk-img{aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#6c5ce716,#6c5ce706);display:block}.prpk-img img{width:100%;height:100%;object-fit:cover}.prpk-ph{display:block;width:100%;height:100%}
    .prpk-t{display:block;font-size:12.5px;margin-top:8px;color:#15161c90}.prpk-pr{display:block;font-weight:800;font-size:13.5px}
    .prpk-plus{font-size:24px;font-weight:800;color:#15161c40}
    .prpk-cta{display:inline-flex;align-items:center;gap:12px;border:1.5px dashed #6c5ce755;border-radius:16px;padding:16px 22px;flex-wrap:wrap;justify-content:center}
    .prpk-old{font-size:14px;color:#15161c55;text-decoration:line-through}.prpk-total{font-size:24px;font-weight:800;color:#6c5ce7}.prpk-save{font-size:12px;font-weight:800;color:#1f9d55}
    .prpk-btn{border:0;background:#6c5ce7;color:#fff;font-weight:800;font-size:14px;padding:13px 24px;border-radius:11px;cursor:pointer}
    @media(max-width:640px){.prpk-row{flex-direction:column}.prpk-plus{transform:rotate(90deg)}}
    /* Texto editorial premium */
    .prrt{max-width:820px;margin:0 auto;padding:44px 20px}
    .prrt-eye{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6c5ce7}
    .prrt-h{font-size:30px;margin:8px 0 16px;letter-spacing:-.02em}
    .prrt-tx p{font-size:16px;line-height:1.75;color:#15161cc4;margin:0 0 16px}
    .prrt-tx.drop>p:first-child::first-letter{float:left;font-size:56px;line-height:.82;font-weight:800;color:#6c5ce7;margin:4px 12px 0 0;font-family:Georgia,serif}
    /* Cuenta atrás premium (sección) */
    .prcd{max-width:var(--wrap);margin:22px auto;padding:0 20px}
    .prcd-in{background:#15161c;color:#ffffff;border-radius:20px;padding:26px 30px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center}
    .prcd-txw{flex:1;min-width:200px}.prcd-txw b{display:block;font-size:20px}.prcd-txw span{font-size:13.5px;opacity:.8}
    .prcd-clock{display:flex;align-items:center;gap:8px}.prcd-clock>i{opacity:.5;font-weight:800}
    .prcd-clock>span{display:flex;flex-direction:column;align-items:center;background:rgba(128,128,128,.22);border-radius:12px;padding:8px 12px;min-width:52px}
    .prcd-clock b{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.prcd-clock em{font-size:10px;opacity:.7;font-style:normal;text-transform:uppercase}
    .prcd-btn{background:#fff;color:#6c5ce7;font-weight:800;font-size:14px;padding:13px 24px;border-radius:11px;text-decoration:none}
    @media(max-width:640px){.prcd-in{flex-direction:column;text-align:center}}
    /* Barra de stock premium (sección) */
    .prsb{max-width:var(--wrap);margin:16px auto;padding:0 20px}
    .prsb-in{display:flex;align-items:center;gap:14px;border:1px solid #e0344b22;background:#e0344b08;border-radius:14px;padding:16px 18px}
    .prsb-ic{width:40px;height:40px;border-radius:12px;background:#e0344b14;color:#e0344b;display:grid;place-items:center;flex:none}.prsb-ic .pico{width:20px;height:20px}
    .prsb-tx{flex:1}.prsb-tx b{display:block;font-size:14px;color:#15161c}
    .prsb-bar{display:block;height:7px;border-radius:20px;background:#e0344b1a;margin:8px 0 5px;overflow:hidden}.prsb-bar>span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#f0a733,#e0344b)}
    .prsb-tx em{font-size:12px;color:#15161c88;font-style:normal}
  
/* ===== Armonización de marca Producto ↔ Inicio ===== */
/* Botones: forma píldora + interacción consistente con Inicio (.hh-btn) */
.hwb-btn,.prfp-btn,.prct-btn,.prcd-btn,.prit-btn,.prpk-btn,.prsk-btn,.prrl-btn,.us-bar-btn,.hyb-bogo-b,.pdp-fbt-cta,.pdp-sticky-btn{border-radius:999px}
.hwb-btn,.prfp-btn,.prct-btn,.prcd-btn,.prit-btn{transition:transform .2s ease,box-shadow .2s ease}
.hwb-btn:hover,.prfp-btn:hover,.prct-btn:hover,.prcd-btn:hover,.prit-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px -12px color-mix(in srgb,var(--acc) 65%,transparent)}
/* Títulos de sección: escala responsiva y tracking de Inicio */
.prba-h,.prbn-h,.prf-h,.prg2-h,.prin-h,.prpk-h,.prq-h,.prrl-h,.prrt-h,.prs-h,.prsg-h,.prsp-h,.prst-h,.prts-h,.prvd-h,.prvo-h{font-size:clamp(23px,2.7vw,34px);letter-spacing:-.03em;font-weight:800;line-height:1.14}
/* Eyebrows: mayúsculas espaciadas + acento, como Inicio */
.prbn-eye,.prc-eyebrow,.prct-eye,.prf-eyebrow,.prf-eye,.prfp-eye,.prg-eye,.prit-eye,.prnl-eye,.prq-eyebrow,.prrt-eye,.prsm-eye,.prvd-eye{font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);font-size:12px}

/* ══ PACKS POR CANTIDAD: que no se parezcan entre si ══════════════════════════
   Medido con capturas de los 26 estilos: veinte eran la misma fila con radio y
   precio a la derecha, cambiando el borde. Aqui cada uno recibe una SILUETA
   distinta — donde va el numero, si hay tarjeta, como entra el descuento. */

/* 1 · NUMEROS GRANDES. El numero manda y no hay tarjeta: lista con reglas. */
.hb.hb-numbered .hb-list{gap:0}
.hb.hb-numbered .hb-list .hb-o{border:0;border-radius:0;background:none;padding:15px 2px;gap:18px;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--tx) 11%,transparent)}
.hb.hb-numbered .hb-list .hb-o:last-child{border-bottom:0}
.hb.hb-numbered .hb-list .hb-o.on{background:none;box-shadow:none}
.hb.hb-numbered .hb-numbig{width:auto;height:auto;min-width:54px;border-radius:0;background:none;display:block;text-align:left;font-size:46px;line-height:.85;font-weight:900;letter-spacing:-.06em;color:color-mix(in srgb,var(--tx) 18%,transparent);transition:color .18s ease}
.hb.hb-numbered .hb-list .hb-o.on .hb-numbig{color:var(--acc)}
.hb.hb-numbered .hb-list .hb-o.on .hb-m>b{color:var(--acc)}
.hb.hb-numbered .hb-p{margin-left:auto;text-align:right}

/* 2 · LISTA CON PRECIO POR UNIDAD. Tabla fina, sin cajas, cifras alineadas. */
.hb.hb-listpro .hb-listpro{gap:0}
.hb.hb-listpro .hb-o{border:0;border-radius:0;background:none;padding:13px 2px 13px 12px;border-bottom:1px solid color-mix(in srgb,var(--tx) 10%,transparent);box-shadow:inset 3px 0 0 transparent;transition:box-shadow .18s ease}
.hb.hb-listpro .hb-o:last-child{border-bottom:0}
.hb.hb-listpro .hb-o.on{background:none;box-shadow:inset 3px 0 0 var(--acc)}
.hb.hb-listpro .hb-rad{display:none}
.hb.hb-listpro .hb-lp-p>b{font-variant-numeric:tabular-nums;font-size:17px}
.hb.hb-listpro .hb-lp-p em{font-variant-numeric:tabular-nums}

/* 3 · ESCALERA DE TRAMOS. Cada tramo entra un poco mas, colgando de un rail. */
.hb.hb-ladder .hb-ladder{position:relative;padding-left:20px;gap:2px}
.hb.hb-ladder .hb-ladder::before{content:"";position:absolute;left:6px;top:14px;bottom:14px;width:2px;background:color-mix(in srgb,var(--tx) 12%,transparent);border-radius:2px}
.hb.hb-ladder .hb-o{border:0;background:none;border-radius:12px;padding:11px 12px}
.hb.hb-ladder .hb-o:nth-child(2){margin-left:16px}
.hb.hb-ladder .hb-o:nth-child(3){margin-left:32px}
.hb.hb-ladder .hb-o:nth-child(4){margin-left:48px}
.hb.hb-ladder .hb-o.on{background:color-mix(in srgb,var(--acc) 9%,transparent)}
.hb.hb-ladder .hb-node{position:relative;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid color-mix(in srgb,var(--tx) 22%,transparent);margin-left:-22px;margin-right:11px;flex:none}
.hb.hb-ladder .hb-o.on .hb-node{border-color:var(--acc);background:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 16%,transparent)}
.hb.hb-ladder .hb-badge{margin-left:auto}

/* 4 · FILAS TIPO BANNER. Franjas pegadas, sin huecos, con bandera de descuento. */
.hb.hb-banner .hb-banners{gap:0;border-radius:14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--tx) 12%,transparent)}
.hb.hb-banner .hb-banners .hb-o{border:0;border-radius:0;padding:14px 0 14px 15px;background:color-mix(in srgb,var(--tx) 3%,transparent);border-bottom:1px solid color-mix(in srgb,var(--tx) 9%,transparent)}
.hb.hb-banner .hb-banners .hb-o:last-child{border-bottom:0}
.hb.hb-banner .hb-banners .hb-o.on{background:var(--acc);color:#fff}
.hb.hb-banner .hb-o.on .hb-m em,.hb.hb-banner .hb-o.on .hb-m b,.hb.hb-banner .hb-o.on .hb-ban-r>b{color:#fff}
.hb.hb-banner .hb-ban-q{width:26px;height:26px;border-radius:7px;background:color-mix(in srgb,var(--tx) 10%,transparent);display:grid;place-items:center;font-size:13px}
.hb.hb-banner .hb-o.on .hb-ban-q{background:rgba(255,255,255,.24);color:#fff}
.hb.hb-banner .hb-ban-r{align-self:stretch;display:flex;align-items:center;gap:10px;padding:0 15px 0 18px;position:relative}
.hb.hb-banner .hb-ban-off{background:#1f9d55;color:#fff;font-weight:800;font-size:11.5px;padding:3px 9px;border-radius:5px}

/* 5 · TARJETAS CON CINTA. Cinta diagonal de verdad y canto de color. */
.hb.hb-ribbon .hb-list{gap:11px}
.hb.hb-ribbon .hb-o{position:relative;overflow:hidden;border-radius:14px;border-left:4px solid color-mix(in srgb,var(--tx) 14%,transparent);padding:15px 16px}
.hb.hb-ribbon .hb-o.on{border-left-color:var(--acc)}
.hb.hb-ribbon .hb-corner{position:absolute;top:13px;right:-32px;width:116px;transform:rotate(34deg);transform-origin:center;background:var(--acc);color:#fff;font-size:10px;line-height:1.5;font-weight:800;text-align:center;padding:3px 0;letter-spacing:.05em;box-shadow:0 4px 12px -4px rgba(0,0,0,.35)}
.hb.hb-ribbon .hb-corner:empty{display:none}
.hb.hb-ribbon .hb-p2{margin-left:auto;padding-right:38px}

/* 6 · TARJETAS APILADAS. Se solapan y la elegida se levanta. */
.hb.hb-stack .hb-list{gap:0}
.hb.hb-stack .hb-list .hb-o{border-radius:16px;padding:16px 17px;margin-top:-6px;background:var(--bg,#fff);box-shadow:0 6px 18px -10px rgba(0,0,0,.35);position:relative;transition:transform .18s ease,box-shadow .18s ease}
.hb.hb-stack .hb-list .hb-o:first-child{margin-top:0}
.hb.hb-stack .hb-list .hb-o.on{transform:translateY(-3px);box-shadow:0 18px 40px -16px color-mix(in srgb,var(--acc) 55%,transparent);z-index:2}
.hb.hb-stack .hb-qc{width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--acc);display:grid;place-items:center;font-weight:800;flex:none;margin-right:12px}
.hb.hb-stack .hb-list .hb-o.on .hb-qc{background:var(--acc);color:#fff}

/* 7 · TARJETAS GRANDES. Franja de color arriba y el precio por unidad de heroe. */
.hb.hb-cardslg .hb-list.lg{gap:13px}
/* Sin overflow:hidden: la chapa 'Mas popular' asoma por arriba y se cortaba. */
    .hb.hb-cardslg .hb-list.lg .hb-o{position:relative;flex-direction:column;align-items:flex-start;gap:9px;padding:24px 18px 17px;border-radius:16px}
.hb.hb-cardslg .hb-list.lg .hb-o::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:16px 16px 0 0;background:color-mix(in srgb,var(--tx) 12%,transparent)}
.hb.hb-cardslg .hb-list.lg .hb-o.on::before{background:var(--acc)}
.hb.hb-cardslg .hb-lg{font-size:16.5px}
.hb.hb-cardslg .hb-m em{font-size:12.5px}
.hb.hb-cardslg .hb-p3{align-self:stretch;display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.hb.hb-cardslg .hb-p3>b{font-size:24px;letter-spacing:-.02em}

/* 8 · PASTILLAS CON AHORRO. En linea, compactas, con el ahorro colgando. */
.hb.hb-chips2 .hb-chips2{gap:10px}
.hb.hb-chips2 .hb-chips2 .hb-o{position:relative;flex-direction:row;align-items:baseline;justify-content:center;gap:7px;border-radius:999px;padding:11px 14px;overflow:visible}
.hb.hb-chips2 .hb-chips2 .hb-o b{font-size:12.5px;opacity:.75}
.hb.hb-chips2 .hb-chips2 .hb-o span{font-size:15.5px}
.hb.hb-chips2 .hb-chips2 .hb-o i{position:absolute;top:-9px;right:-4px;background:#1f9d55;color:#fff;font-size:10px;padding:2px 7px;border-radius:999px;box-shadow:0 3px 8px -3px rgba(0,0,0,.4)}

/* 9 · MATRIZ DE COLUMNAS. Rejilla de datos apretada, sin aire de tabla. */
.hb.hb-matrix .hb-matrix{border-radius:12px}
.hb.hb-matrix .hb-mx-row{padding:9px 12px;font-size:12.5px;font-variant-numeric:tabular-nums}
.hb.hb-matrix .hb-mx-row+.hb-mx-row{border-top:1px solid color-mix(in srgb,var(--tx) 8%,transparent)}
.hb.hb-matrix .hb-mx-row>span+span{border-left:1px solid color-mix(in srgb,var(--tx) 8%,transparent);padding-left:10px}
.hb.hb-matrix .hb-mx-head{background:color-mix(in srgb,var(--tx) 6%,transparent);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.hb.hb-matrix .hb-mx-off{color:#1f9d55;font-weight:800}
.hb.hb-matrix .hb-mx-row.on{background:color-mix(in srgb,var(--acc) 10%,transparent)}

/* ===== Estilos 21st.dev para secciones de Producto (P2a) ===== */
/* prfeatures */
.prf.st-glass .prf-rows{gap:18px}.prf.st-glass .prf-row{background:color-mix(in srgb,var(--acc) 5%,var(--bg));border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:22px;padding:26px 30px}.prf.st-glass .prf-img{border-radius:16px;overflow:hidden}
.prf.st-bento .prf-rows{display:grid;grid-template-columns:1fr 1fr;gap:18px}.prf.st-bento .prf-row{grid-template-columns:1fr;background:color-mix(in srgb,var(--tx) 3%,transparent);border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:20px;padding:24px;text-align:left}.prf.st-bento .prf-row:first-child{grid-column:span 2;grid-template-columns:1fr 1fr}.prf.st-bento .prf-img{order:0;border-radius:14px;overflow:hidden}
/* prbenefits */
.prbn.st-glass{background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 8%,var(--bg)),var(--bg));border-radius:24px;padding:36px}.prbn.st-glass .prbn-i{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:18px}
.prbn.st-gradient{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));border-radius:24px;padding:40px;color:#fff}.prbn.st-gradient .prbn-h{color:#fff}.prbn.st-gradient .prbn-eye{color:rgba(255,255,255,.85)}.prbn.st-gradient .prbn-i{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff}.prbn.st-gradient .prbn-i b{color:#fff}.prbn.st-gradient .prbn-i span{color:rgba(255,255,255,.82)}.prbn.st-gradient .prbn-ic{background:rgba(255,255,255,.16);color:#fff}
/* prstats */
.prst.st-glass .prst-row{gap:14px}.prst.st-glass .prst-i{background:color-mix(in srgb,var(--acc) 5%,var(--bg));border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:18px;padding:26px 16px}
.prst.st-divide .prst-row{gap:0}.prst.st-divide .prst-i{border-left:1px solid color-mix(in srgb,var(--tx) 12%,transparent);padding:6px 24px}.prst.st-divide .prst-i:first-child{border-left:0}
/* prfaq */
.prq.st-glass .prq-i{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(12px);border-color:color-mix(in srgb,var(--tx) 7%,transparent)}
.prq.st-cards .prq-list{gap:14px}.prq.st-cards .prq-i{border-color:transparent;border-radius:16px;background:var(--bg);box-shadow:0 16px 38px -24px color-mix(in srgb,var(--tx) 45%,transparent)}
/* prcompare */
.prc.st-glass .prc-tbl{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(12px);border-color:color-mix(in srgb,var(--tx) 7%,transparent)}.prc.st-glass .prc-us{background:color-mix(in srgb,var(--acc) 10%,transparent)}
.prc.st-soft .prc-tbl{border:0;border-radius:20px;background:color-mix(in srgb,var(--tx) 3%,transparent);padding:6px}.prc.st-soft .prc-us{background:color-mix(in srgb,var(--acc) 12%,transparent);border-radius:12px}
/* prsteps */
.prs.st-glass .prs-step{background:color-mix(in srgb,var(--acc) 5%,var(--bg));border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:18px;padding:26px 16px}.prs.st-glass .prs-conn{display:none}
.prs.st-gradient .prs-n{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 50%,#000))}.prs.st-gradient .prs-ic{background:color-mix(in srgb,var(--acc) 10%,transparent);color:var(--acc)}
/* prtestimonials */
.prts.st-glass .prts-card{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:22px}
.prts.st-wall .prts-grid{display:block;columns:3;column-gap:16px;max-width:none}.prts.st-wall .prts-card{break-inside:avoid;margin-bottom:16px;text-align:left;border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:18px;padding:22px}
/* prgallery */
.prg2.st-bento .prg2-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));grid-auto-rows:170px;gap:12px}.prg2.st-bento .prg2-ph:nth-child(6n+1){grid-column:span 2;grid-row:span 2}.prg2.st-bento .prg2-ph:nth-child(6n+4){grid-row:span 2}
.prg2.st-masonry .prg2-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));grid-auto-rows:14px;gap:12px}.prg2.st-masonry .prg2-ph{grid-row:span 14}.prg2.st-masonry .prg2-ph:nth-child(3n+1){grid-row:span 20}.prg2.st-masonry .prg2-ph:nth-child(4n){grid-row:span 17}
@media(max-width:760px){.prf.st-bento .prf-rows,.prf.st-bento .prf-row:first-child{grid-template-columns:1fr}.prts.st-wall .prts-grid{columns:1}.prg2.st-bento .prg2-grid,.prg2.st-masonry .prg2-grid{grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr))}}

/* ===== Estilos 21st.dev para secciones de Producto (P2b) ===== */
/* prguarantee */
.prg.st-glass .prg-band{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(12px);border-color:color-mix(in srgb,var(--tx) 8%,transparent)}
.prg.st-gradient .prg-band{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));border:0;color:#fff}.prg.st-gradient .prg-tx,.prg.st-gradient .prg-eye{color:#fff}.prg.st-gradient .prg-ic{background:rgba(255,255,255,.16);color:#fff}.prg.st-gradient .prg-pt{border-color:rgba(255,255,255,.22);color:#fff}
/* prspecs */
.prsp.st-glass .prsp-i{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--tx) 7%,transparent);margin-bottom:8px}
.prsp.st-soft .prsp-grid{background:color-mix(in srgb,var(--tx) 3%,transparent);border-radius:18px;padding:8px 16px}.prsp.st-soft .prsp-i{border-radius:0}.prsp.st-soft .prsp-i:not(:last-child){border-bottom:1px solid color-mix(in srgb,var(--tx) 7%,transparent)}
/* pringredients */
.prin.st-glass .prin-i{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--tx) 7%,transparent);border-radius:16px;padding:16px}
.prin.st-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 10%,var(--bg)),var(--bg));border-radius:24px;padding:36px}.prin.st-gradient .prin-i{background:var(--bg);border-radius:16px;padding:16px;box-shadow:0 16px 40px -28px color-mix(in srgb,var(--tx) 40%,transparent)}
/* primagetext */
.prit.st-glass .prit-tx{background:color-mix(in srgb,var(--acc) 5%,var(--bg));border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:20px;padding:30px}
.prit.st-gradient{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));border-radius:24px;color:#fff}.prit.st-gradient .prit-tx h2,.prit.st-gradient .prit-tx h3,.prit.st-gradient .prit-eye{color:#fff}.prit.st-gradient .prit-pts,.prit.st-gradient .prit-tx p{color:rgba(255,255,255,.9)}.prit.st-gradient .prit-ck{color:#fff}
/* prlogos */
.prlg.st-glass .prlg-i{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(10px);border-color:color-mix(in srgb,var(--tx) 7%,transparent)}
.prlg.st-pill .prlg-i{border-radius:999px;background:color-mix(in srgb,var(--acc) 6%,transparent);border-color:transparent}
/* pricons */
.prico.st-glass .prico-i{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(10px);border-color:color-mix(in srgb,var(--tx) 7%,transparent);box-shadow:none}
.prico.st-gradient .prico-i{background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 10%,var(--bg)),var(--bg));border-color:transparent}.prico.st-gradient .prico-ic{background:color-mix(in srgb,var(--acc) 16%,transparent);color:var(--acc)}
/* prfeatured */
.prfp.st-glass .prfp-tx{background:color-mix(in srgb,var(--acc) 5%,var(--bg));border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:22px;padding:32px}
.prfp.st-gradient{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));border-radius:26px;color:#fff}.prfp.st-gradient .prfp-tx h2,.prfp.st-gradient .prfp-tx h3,.prfp.st-gradient .prfp-eye,.prfp.st-gradient .prfp-price{color:#fff}
/* prcta */
.prct.st-glass .prct-in{background:color-mix(in srgb,var(--acc) 10%,var(--bg));backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);color:var(--tx)}.prct.st-glass .prct-eye{color:var(--acc)}
.prct.st-bar .prct-in{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;border-radius:999px;padding:16px 34px}
@media(max-width:760px){.prin.st-gradient,.prfp.st-glass .prfp-tx{padding:22px}.prct.st-bar .prct-in{flex-direction:column;border-radius:22px}}

/* ===== Estilos 21st.dev para secciones de Producto (P2c) ===== */
/* prstatement */
.prsm.st-glass .prsm-in{background:color-mix(in srgb,var(--acc) 6%,var(--bg));backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:24px;padding:44px}
.prsm.st-gradient .prsm-in{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));border-radius:24px;padding:48px}.prsm.st-gradient .prsm-tx,.prsm.st-gradient .prsm-au,.prsm.st-gradient .prsm-eye{color:#fff}
/* prnewsletter */
.prnl.st-glass .prnl-in{background:color-mix(in srgb,var(--acc) 8%,var(--bg));backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--tx) 8%,transparent)}
.prnl.st-soft .prnl-in{background:color-mix(in srgb,var(--acc) 7%,var(--bg));color:var(--tx);border-radius:22px}.prnl.st-soft .prnl-eye{color:var(--acc)}
/* prbeforeafter */
.prba.st-glass .prba-wrap{border:8px solid color-mix(in srgb,var(--bg) 82%,transparent);outline:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:22px;box-shadow:0 30px 70px -40px color-mix(in srgb,var(--tx) 45%,transparent)}
.prba.st-soft{background:color-mix(in srgb,var(--tx) 3%,transparent);border-radius:24px;padding:24px}
/* prvideo */
.prvd.st-glass .prvd-frame{border:1px solid color-mix(in srgb,var(--tx) 12%,transparent);border-radius:26px;padding:16px;background:color-mix(in srgb,var(--acc) 4%,var(--bg))}
.prvd.st-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 12%,var(--bg)),var(--bg));border-radius:26px;padding:36px}
/* prrichtext */
.prrt.st-glass{background:color-mix(in srgb,var(--acc) 5%,var(--bg));backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:22px;padding:40px;max-width:780px;margin-inline:auto}
.prrt.st-gradient{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));border-radius:24px;padding:44px;color:#fff;max-width:780px;margin-inline:auto}.prrt.st-gradient .prrt-h,.prrt.st-gradient .prrt-eye,.prrt.st-gradient p{color:#fff}
/* prcountdown */
.prcd.st-glass .prcd-in{background:color-mix(in srgb,var(--acc) 8%,var(--bg));backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--tx) 8%,transparent)}
.prcd.st-gradient .prcd-in{background:linear-gradient(135deg,var(--acc),color-mix(in srgb,var(--acc) 55%,#000));color:#fff}.prcd.st-gradient .prcd-txw{color:#fff}
/* prstockbanner */
.prsb.st-glass .prsb-in{background:color-mix(in srgb,var(--acc) 8%,var(--bg));backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--tx) 8%,transparent)}
.prsb.st-gradient .prsb-in{background:linear-gradient(90deg,var(--acc),color-mix(in srgb,var(--acc) 50%,#000));color:#fff}.prsb.st-gradient .prsb-tx{color:#fff}
/* prsizeguide */
.prsg.st-glass .prsg-tbl{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:16px;overflow:hidden}
.prsg.st-soft .prsg-tbl{border-radius:18px;overflow:hidden;background:color-mix(in srgb,var(--tx) 3%,transparent)}
/* prvolume */
.prvo.st-glass .prvo-main{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--tx) 8%,transparent)}
.prvo.st-soft .prvo-main{background:color-mix(in srgb,var(--tx) 3%,transparent);border-color:transparent}
/* prpack */
.prpk.st-glass .prpk-row{background:color-mix(in srgb,var(--acc) 5%,var(--bg));backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:22px;padding:26px}
.prpk.st-dark .prpk-row{background:#14151d;border-radius:22px;padding:26px}.prpk.st-dark .prpk-p,.prpk.st-dark .prpk-plus{color:#fff}
/* prreviews */
.prv.st-glass .prv-card{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:18px}
.prv.st-masonry .prv-wall{display:block;columns:2;column-gap:16px}.prv.st-masonry .prv-card{break-inside:avoid;margin-bottom:16px}
@media(max-width:760px){.prv.st-masonry .prv-wall{columns:1}.prsm.st-gradient .prsm-in,.prrt.st-glass,.prrt.st-gradient{padding:28px}}

/* ===== Estilos 21st.dev buybox (urgencia, trust) ===== */
.hyp-urgs.st-glass{background:color-mix(in srgb,var(--acc) 6%,var(--bg));backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:16px;padding:14px}
.hyp-urgs.st-cards{gap:10px}.hyp-urgs.st-cards>*{background:var(--bg);border:1px solid color-mix(in srgb,var(--tx) 9%,transparent);border-radius:14px;padding:12px 14px;box-shadow:0 12px 30px -20px color-mix(in srgb,var(--tx) 42%,transparent)}
.hyp-trust.ts-glass{grid-template-columns:1fr 1fr;gap:10px;border-top:0;padding-top:4px}.hyp-trust.ts-glass>*{background:color-mix(in srgb,var(--bg) 55%,transparent);backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:14px;padding:12px}
.hyp-trust.ts-gradient{grid-template-columns:1fr;border-top:0;padding-top:0;margin-top:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 12%,var(--bg)),var(--bg));border:1px solid color-mix(in srgb,var(--tx) 8%,transparent);border-radius:16px;padding:16px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:14px}

/* ===== Fix responsive buybox móvil (bundles y multi-columna) ===== */
.hyp,.hyp-buybox,.hyb,.hyp-urgs,.hyp-trust{max-width:100%}
.hyb *,.hyp-buybox *{min-width:0}
@media(max-width:480px){
.hb-split{grid-template-columns:1fr}
.hb-grid3{grid-template-columns:1fr 1fr}
.hb-tiers{flex-wrap:wrap}.hb-tier{flex:1 1 30%;min-width:88px}
.hb-mx-row{grid-template-columns:1fr}
.hyp-trust.ts-glass,.hyp-trust.ts-cards,.hyp-trust.ts-grid{grid-template-columns:1fr 1fr}
.hb-split-price{font-size:20px}
}

/* ======================= MÓVIL: una sola columna =======================
   Estas rejillas ya bajaban a dos columnas en tablet, pero en un teléfono dos columnas
   dejan tarjetas de ~160px y el texto se parte cada dos palabras. Por debajo de 560px
   van todas a una sola columna. Va al final del CSS para ganar por orden. */
@media(max-width:560px){
  .hh-bl-grid,.hh-cmp2,.hh-fbento,.hh-gal-bento,.hh-gal-uniform,.hh-ir-cards,.hh-ir-glass,.hh-ir-row,.hh-it-cards,.hh-it-cols,.hh-pr-grid,.hh-pr-quotes,.hh-res-rings,.hh-rvx-cards,.hh-stats-biggrid,.hh-stats-cardgrid,.hh-tlrow,.hh-tm-grid,.hh-trust-cards,.hh-trust-glass,.hh-trust-row,.hh-usps-cards,.hh-usps-min,.hh-usps-row,.hyh-collist.v-editorial,.hyh-collist.v-split,.prbn-grid,.prg2-grid,.prico-row,.prrl-grid,.prsp.st-cards,.prst-row{grid-template-columns:1fr!important}
}

:root{--gut:clamp(16px,4.5vw,22px)}

/* 0) EL RESETEO QUE LE FALTABA A LA TIENDA. Esta era LA diferencia entre lo que se ve en el
      editor y lo que ve el cliente. El editor pinta con "*{margin:0}"; la tienda no lo tenia,
      asi que cada titular y cada parrafo salian publicados con el hueco que el navegador
      añade por su cuenta. Medido: una franja que en el editor mide 238 px acababa midiendo
      301 en la tienda; un contador, 132 -> 207; un boletin, 241 -> 323. Y no era una seccion
      suelta: pasaba en casi todas.
      Dos precauciones:
        · :where() para que la regla pese CERO. Solo borra el margen del navegador; no le gana
          a ninguna regla nuestra (los ".hyh-hero h1{margin:0 0 10px}" siguen mandando).
        · Acotado a los contenedores de StoreGloss, para no tocar NADA del tema del comerciante. */
:where(#headly-home,#headly-prod,#headly-coll) :where(*){margin:0}

/* 1) NADA puede hacer que la tienda se arrastre de lado.
      Se usa overflow-x:clip y no overflow:hidden: hidden crearia un contenedor de scroll
      y rompería las galerías con position:sticky; clip recorta sin crear ese contenedor. */
#headly-home,#headly-prod,#headly-coll{overflow-x:clip}
:is(.hly-pre,#headly-home,#headly-prod,#headly-coll)>.hyh-w{max-width:100%}

/* 2) Secciones que no tenían ni límite de ancho ni margen lateral.
      Medido: en escritorio su texto llegaba a 1.600 px; en móvil empezaba en el píxel 0. */
.hh-rvx,.hh-res,.hh-pr,.hh-sb,.hh-trust,.hh-hs,
/* Añadidas despues de medir a 1600 px: los testimonios, la galeria, la prensa y los
   pasos se estiraban hasta 1552 px, o sea de borde a borde, mientras el resto de la
   pagina se quedaba en 1200. Se veia como un salto de encuadre sin ningun motivo. */
.hh-tst,.hh-gal,.hh-tl,.hh-lg,.hh-ig,.hh-bl,.hh-tm,
.hcol-hero,.hcol-sub,.hcol-tb,.hcol-promo{
  max-width:var(--wrap);margin-left:auto;margin-right:auto;
  padding-left:var(--gut);padding-right:var(--gut);
}
/* Las tiras y las cintas SI van de borde a borde: es su gracia. Pero su TITULAR no:
   se quedaba estirado a 1556 px mientras el resto de titulares de la pagina median
   1200, y el salto de encuadre se nota aunque no se sepa por que. */
.hyh :is(.hh-gal-strip,.hh-gal-stripwrap,.hh-gal-marquee,.hh-tst-mq,.hh-tl-row,
         .hh-logos-mq,.hh-ig-strip,.hh-pr-row) :is(.hh-h2,.hh-sectit,.hh-secsub,h2,h3){
  max-width:min(var(--wrap,1200px),100%);margin-left:auto;margin-right:auto}
/* Y lo de dentro tampoco puede desbordar su seccion. */
.hyh :is(.hh-tst,.hh-gal,.hh-tl,.hh-pr,.hh-lg,.hh-ig,.hh-bl,.hh-tm) > *{max-width:100%}

/* 2 bis) Los aros de "Resultados" median 120 px FIJOS, y una rejilla no puede encoger algo
      de ancho fijo: en un movil de 390 px el ultimo aro se salia 10 px por la derecha.
      Se deja que encojan con la pantalla y que las columnas puedan estrecharse (minmax(0,..),
      porque por defecto una columna de rejilla no baja del contenido que lleva dentro). */
@media (max-width:640px){
  .hyh section.hh-res{grid-template-columns:1fr}
  .hyh .hh-res>.hh-res-rings{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hyh .hh-resring{min-width:0}
  .hyh .hh-ringwrap,.hyh .hh-ringsvg{width:min(120px,24vw);height:min(120px,24vw)}
}

/* 3) La cinta de texto sí va de lado a lado (es su gracia), pero recortada:
      sin esto empujaba la página hasta 3.172 px de ancho. */
.hh-mq2{overflow:hidden;max-width:100%}

/* 4) Carruseles: se desplazan DENTRO de su caja, no arrastrando la página. */
.hyh-grid.carousel{overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.hyh-grid.carousel::-webkit-scrollbar{display:none}
.hyh-grid.carousel>*{scroll-snap-align:start}

/* 5) La caja de compra usa el ancho de página elegido, igual que el resto. */
.hyp{max-width:var(--wrap);margin-left:auto;margin-right:auto}

/* 6) Colisión de clases: la portada dividida (hero_split) y los puntos calientes
      (hotspots) comparten la clase .hh-hs. La imagen de la portada lleva min-height:420px
      y, con aspect-ratio 16/9, eso forzaba 747 px de ancho TAMBIÉN en los puntos calientes:
      por eso se salía de la pantalla. Aquí se le quita solo a esa variante. */
.hh-hs-dots .hh-hs-img{min-height:0}

/* 7) Móvil */
@media (max-width:640px){
  .hyp{padding-left:var(--gut);padding-right:var(--gut)}
  .hyp-main{grid-template-columns:1fr}
  /* Medido: la caja de compra se salia 96 px. La culpa es de la regla por defecto de CSS
     Grid (min-width:auto): la tira de miniaturas mide 470 px de ancho minimo y estiraba
     la columna entera. Con min-width:0 la columna puede encogerse, y las miniaturas se
     desplazan dentro de su propia caja. */
  .hyp-main>*,.hyp-left,.hyp-gallery,.hyp-info{min-width:0}
  .hyp-thumbs{overflow-x:auto;scrollbar-width:none}
  .hyp-thumbs::-webkit-scrollbar{display:none}
  /* dos columnas que no caben en 390 px */
  .hh-hs-classic{grid-template-columns:1fr}
  /* Los avisos de los puntos calientes se salian por la derecha. Se quedan flotando
     (si se ponen en el flujo, estiran la imagen a 747 px), solo se les limita el ancho. */
  .hh-hs-tip{max-width:min(230px,58vw)}
  /* la fila de tarjetas del upsell se desplaza dentro de su caja */
  .us-cards-row{overflow-x:auto;scrollbar-width:none}
  .us-cards-row::-webkit-scrollbar{display:none}
}

/* ===== PULIDO — todo esto sale de MEDIR con un navegador, no de opinar ==============
   Los selectores llevan .hyh delante a proposito: el CSS de la tienda tiene reglas del
   tipo .hly-pre .hyh-stars y, sin ese prefijo, estas no ganaban por especificidad. */

/* 1) LEGIBILIDAD. Medido: las estrellas quedaban en 2,0 de contraste sobre blanco y los
      avisos de urgencia en 2,2. El minimo comodo para leer es 4,5. */
.hyh .hyh-stars,.hyh .hyh-stars5,.hyh .hh-stars{color:#b45309}
.hyh .hyh-stars em,.hyh .hyh-old,.hyh .hh-meta{color:color-mix(in srgb,var(--tx) 66%,transparent)}
.hyh .hyh-urg,.hyh .hh-urg,.hyh .hh-off,.hyh .hh-bd-save{color:#8f2230}
.hyh .hyh-urg{background:#8f223014}
/* La chapa "Nuevo" se quedaba con el MISMO color de texto que de fondo (#8f2230 sobre
   #8f2230): contraste 1,00, o sea invisible. La regla de arriba le daba el color de
   texto y la de abajo el de fondo, y nadie las miro juntas. */
.hyh .hyh-newtag{background:#8f2230;color:#fff}

/* 2) TEXTO EN MOVIL. Por debajo de 13 px cansa y baja la conversion. */
@media (max-width:640px){
  .hyh .hyh-urg,.hyh .hyh-stars,.hyh .hyh-old,.hyh .hh-eye,.hyh .hh-sub,.hyh .hh-logos-t,
  .hyh .uq-cap,.hyh .uq-cdl,.hyh .hh-tier-e,.hyh .hyh-shipt,.hyh .hyp-vendor,
  .hyh .hyh-catname,.hyh .hyh-collname,.hyh .hyp-rc-h,
  /* Los "eyebrow" (la linea pequena encima del titulo) y los pies de las secciones de la
     ficha se quedaban en 12 px: en un movil eso se lee con esfuerzo. */
  .hyh [class$="-eye"],.hyh [class$="-eyebrow"],.hyh .prlg-lb,.hyh .prfp-eye,
  .hyh :is(.hly-pre,#headly-home,#headly-prod,#headly-coll) em{font-size:13px}
}

/* 3) BOTONES: 44 px es el minimo comodo para el dedo. */
.hyh .hyh-btn,.hyh .hh-btn,.hyh .hyp-add,.hyh .prsk-btn,.hyh .prpk-btn,.hyh .prct-btn,
.hyh .prfp-btn,.hyh .prcd-btn,.hyh .hcol-tb-filt{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.hyh .hyp-qty button,.hyh .hyp-qty input{min-height:44px;min-width:44px}

/* 4) TITULARES que no se parten dejando una palabra sola. */
.hyh :is(h1,h2,h3){text-wrap:balance;overflow-wrap:break-word}
.hyh p,.hyh .hh-sub{text-wrap:pretty}

/* 5) PORTADAS Y FRANJAS CON TEXTO CLARO. Medido: el texto blanco se quedaba en contraste
      1,0 cuando no hay foto de fondo, o mientras carga. Un velo lo hace legible siempre. */
.hyh .hh-ss-slide,.hyh .hh-hv,.hyh section.hh-cta{position:relative;isolation:isolate}
.hyh .hh-ss-slide::after,.hyh .hh-hv::after,.hyh section.hh-cta::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(12,13,20,.30),rgba(12,13,20,.55))}
.hyh .hh-ss-in,.hyh .hh-hv-in,.hyh section.hh-cta>*{position:relative;z-index:1}

/* 6) ACABADO: movimiento corto al pasar por encima, foco visible con teclado, y respeto
      a quien pide menos animacion en su sistema. */
.hyh .hyh-card,.hyh .hyh-cat,.hyh .hyh-collc{transition:transform .18s ease,box-shadow .18s ease}
.hyh .hyh-card:hover,.hyh .hyh-cat:hover,.hyh .hyh-collc:hover{transform:translateY(-2px)}
.hyh :where(a,button,select,input,summary):focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion:reduce){.hyh *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ===== 7) SEGUNDA TANDA DE PULIDO ====================================================
   Sale de medir las 591 combinaciones de seccion x estilo en 390, 768 y 1440 px.
   Aqui SOLO van los arreglos que se pueden demostrar: o el numero medido es imposible
   (texto del mismo color que su fondo), o es el mismo arreglo que ya aplicamos antes a
   otras clases y se quedo a medias. Lo demas necesita mirarse variante a variante,
   porque bajar el color a saco rompe las variantes oscuras. */

/* 7.1) ESTRELLAS. Arriba ya se arreglaron .hyh-stars y .hh-stars (2,0 -> 4,7 de
        contraste), pero las clases premium se quedaron fuera y siguen en 1,8. Son las
        estrellas de las resenas, de los productos relacionados, del producto destacado
        y de la barra fija: justo donde mas se miran. */
.hyh .prv-stars,.hyh .prrl-stars,.hyh .prfp-stars,.hyh .prsk-stars,
.hyh .prtm-stars,.hyh .hyp-stars{color:#b45309}

/* 7.2) LA CRUZ DE LA COMPARATIVA. Estaba al 25 % de opacidad: 1,83 de contraste. Es el
        simbolo que decide la compra ("ellos no lo tienen") y no se leia. */
.hyh .prcm-no,.hyh .prcm-x,.hyh [class*="prcm"] .no{opacity:1;color:#8f2230}

/* 7.3) VELO EN LAS FRANJAS CON FOTO. Mismo arreglo del punto 5, que cubrio el carrusel,
        el video y la franja CTA pero se dejo fuera los banners y las promos. Sin foto de
        fondo, o mientras carga, el texto blanco se queda en 1,0 de contraste. */
.hyh .hh-promo-ov,.hyh .hh-banner-ov,.hyh .hh-lb-ov{position:relative;isolation:isolate}
.hyh .hh-promo-ov::after,.hyh .hh-banner-ov::after,.hyh .hh-lb-ov::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(12,13,20,.28),rgba(12,13,20,.58))}
.hyh .hh-promo-ov>*,.hyh .hh-banner-ov>*,.hyh .hh-lb-ov>*{position:relative;z-index:1}

/* 7.4) ZONAS TOCABLES QUE SE QUEDARON FUERA del punto 3. Medido: los +/- del upsell
        median 26x26, las casillas de filtro 13x13 y los enlaces subrayados 24 px de alto.
        El minimo comodo para el dedo es 44. */
.hyh .hh-underline,.hyh .hh-copy,.hyh .hcol-chip,.hyh .hh-ig-handle{min-height:44px;display:inline-flex;align-items:center}
.hyh .us-step button,.hyh .us-qty button{min-width:44px;min-height:44px}
.hyh .hcol-tb input[type="checkbox"]{width:22px;height:22px}
.hyh .hcol-tb label{min-height:44px;display:flex;align-items:center;gap:8px}

/* ===== 7 bis) TIRAS QUE SE DESPLAZAN DENTRO DE SU CAJA =================================
   Medido sobre las 17 portadas a 390 y 768 px: 153 elementos se salian de la pantalla.
   Casi todos son lo mismo — galerias en tira, cintas de marcas, muros de testimonios y
   feeds de Instagram, que estan pensados para desplazarse en horizontal. El punto 4 ya
   resolvia esto para ".hyh-grid.carousel", pero se quedo corto: las demas tiras no
   llevaban esa clase y arrastraban la pagina entera.
   Se les aplica el mismo tratamiento: se desplazan DENTRO de su caja, con enganche y sin
   barra visible. */
.hyh :is(.hh-gal-strip,.hh-gal-stripwrap,.hh-logos-row,.hh-logos-mq,.hh-tst-row,.hh-tst-mq,
         .hh-ig-row,.hh-ig-strip,.hh-pr-row,.hh-lk-row,.hh-tl-row,.hh-cmp-row){
  overflow-x:auto;max-width:100%;scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;scrollbar-width:none}
.hyh :is(.hh-gal-strip,.hh-gal-stripwrap,.hh-logos-row,.hh-logos-mq,.hh-tst-row,.hh-tst-mq,
         .hh-ig-row,.hh-ig-strip,.hh-pr-row,.hh-lk-row,.hh-tl-row,.hh-cmp-row)::-webkit-scrollbar{display:none}
.hyh :is(.hh-galc,.hh-logo,.hh-tc,.hh-ig-c,.hh-lk-c){scroll-snap-align:start}
/* Y la seccion que las contiene no puede desbordar aunque su hija mida mas.
   OJO: aqui NO se toca max-width. La primera version ponia max-width:100% y, como esta
   regla va despues, anulaba el ancho de pagina del punto 2: los testimonios y la galeria
   volvian a irse de borde a borde. Solo hace falta recortar, no re-anchar. */
.hyh :is(.hh-gal,.hh-logos,.hh-tst,.hh-ig,.hh-pr,.hh-lk){overflow-x:clip}

/* Los fondos decorativos (mallas, auroras, degradados de foco) se dibujan a proposito
   mas grandes que su caja para que el degradado no corte. No deben poder mover la
   pagina: se recortan en el contenedor y se les quita de la cuenta del ancho. */
.hyh :is(.hh-mesh,.hh-aurora,.hh-glow,.hh-blob){position:absolute;pointer-events:none;max-width:none}
.hyh :is(.hh-hero,.hh-faq,.hh-ir,.hh-cta,.hh-ft,.hh-st):has(:is(.hh-mesh,.hh-aurora,.hh-glow,.hh-blob)){
  position:relative;overflow:clip;isolation:isolate}

/* ===== 7 ter) ZONAS TOCABLES QUE SEGUIAN POR DEBAJO DE 44 px =========================
   La barra de anuncio, las flechas de los carruseles y las tarjetas del lookbook. */
.hyh :is(.hh-an-lk,.hh-lk-c,.hh-carnav,.hyh-carnav){min-height:44px;display:inline-flex;align-items:center}
/* El boton del boletin se quedaba en 43 px: un pixel. Para el dedo, 43 y 44 no son lo
   mismo — 44 es el minimo que recomiendan las guias de iOS y de Android. */
.hyh :is(.hh-nl,.hh-nl-form,.hh-cf) :is(button,input[type="submit"]){min-height:44px}
.hyh :is(.hh-gal,.hh-tst,.hh-ig,.hyh-prods,.hh-ss) button{min-width:44px;min-height:44px}

/* ===== 7 quater) EL ACENTO COMO COLOR DE TEXTO ========================================
   Medido sobre las 17 portadas: 431 avisos de contraste en escritorio, y el patron que
   mas se repite con diferencia es siempre el mismo — el color de acento de la familia
   usado como color de TEXTO. El acento se elige para que destaque como relleno de un
   boton, no para leerse en 14 px: el dorado de "revista" da 2,1 sobre papel, el naranja
   de "lanzamiento" 2,65 y el neon de "conversion" 1,05. El minimo comodo es 4,5.
   Hay 75 selectores que lo hacen. En vez de repintarlos a mano uno a uno con un color
   fijo (que rompe las familias oscuras), se mezcla el acento con el color de texto de la
   pagina: en una familia clara "--tx" es casi negro y lo oscurece; en una oscura es casi
   blanco y lo aclara. El tono se conserva; la legibilidad deja de depender de la suerte. */
.hyh .hb-badge,
.hyh .hb-big,
.hyh .hb-chev,
.hyh .hb-gift,
.hyh .hb-min .hb-o.on,
.hyh .hb-pills .hb-o.on,
.hyh .hb-qc,
.hyh .hb-spp b,
.hyh .hb-stop em,
.hyh .hcol-fv.on,
.hyh .hh-av,
.hyh .hh-ba-arrow,
.hyh .hh-bd-pr,
.hyh .hh-bd-total,
.hyh .hh-ben-list li::before,
.hyh .hh-bl-more,
.hyh .hh-bl-row>em,
.hyh .hh-cdk.line u,
.hyh .hh-chip,
.hyh .hh-cmp .us,
.hyh .hh-cmp-head .us,
.hyh .hh-coup-bar .hh-copy,
.hyh .hh-coup-grad .hh-copy,
.hyh .hh-ct-ic,
.hyh .hh-ct-inline i,
.hyh .hh-edc-arw,
.hyh .hh-edc-n,
.hyh .hh-eye,
.hyh .hh-faqchev,
.hyh .hh-fic,
.hyh .hh-hs-lrow span,
.hyh .hh-hs-pin,
.hyh .hh-ig-handle,
.hyh .hh-lk-cb span,
.hyh .hh-lk-chip em,
.hyh .hh-lk-pp,
.hyh .hh-mq2-dual i,
.hyh .hh-mq2-ticker i,
.hyh .hh-nl-grad button,
.hyh .hh-off,
.hyh .hh-pc li::before,
.hyh .hh-pr-min .hh-prmin b,
.hyh .hh-pricing-grad .hh-pc.feat .hh-btn,
.hyh .hh-resbar-h b,
.hyh .hh-resnum b,
.hyh .hh-statc b,
.hyh .hh-ticket-code,
.hyh .hh-tlnum,
.hyh .hh-trusti,
.hyh .hh-usp-mq b,
.hyh .hyh-collist.v-cards .hyh-collname em,
.hyh .hyh-collist.v-minimal .hyh-collname em,
.hyh .hyh-tabs.v-minimal .hyh-tab.on,
.hyh .hyh-tabs.v-underline .hyh-tab.on,
.hyh .prc-eyebrow,
.hyh .prct-eye,
.hyh .prct.st-glass .prct-eye,
.hyh .prf-eye,
.hyh .prf-eyebrow,
.hyh .prfp-eye,
.hyh .prg-eye,
.hyh .prico.st-gradient .prico-ic,
.hyh .prit-eye,
.hyh .prnl-eye,
.hyh .prnl.st-soft .prnl-eye,
.hyh .prq-eyebrow,
.hyh .prrt-eye,
.hyh .prs.st-gradient .prs-ic,
.hyh .prsm-eye,
.hyh .prvd-eye,
.hyh herovideo,
.hyh hotspots,
.hyh instagram,
.hyh lookbook,
.hyh slideshow{
  color:color-mix(in srgb, var(--acc) 52%, var(--tx));
}

/* ===== 7 quinquies) CONTRASTE — LO QUE QUEDA, MEDIDO CON PIXELES ======================
   El metodo anterior resolvia el fondo subiendo por el CSS y daba 1.214 avisos. Volviendo
   a medir con una captura del fondo real (texto en transparente y se lee el pixel que hay
   debajo de cada palabra) salen 200. La diferencia son degradados y fotos que el metodo
   por CSS no ve y confunde con "blanco sobre blanco". Estos 200 si son de verdad. */

/* 7q.1) LA FRASE DE APOYO QUE INYECTAMOS. Se pintaba con un tono fijo derivado de --tx,
   que es el color de texto de la PAGINA. Dentro de una franja oscura (la CTA en modo
   degradado) eso deja texto oscuro sobre fondo oscuro: 1,05 de contraste. Heredando de
   currentColor toma el color de la seccion en la que esta, sea clara u oscura. */
.hyh .hh-secsub{color:color-mix(in srgb, currentColor 80%, transparent)}

/* 7q.2) TEXTO SOBRE FOTO SIN VELO. Mismo arreglo que ya llevaban el carrusel, el video y
   la franja CTA. Faltaba el feed de Instagram y las tarjetas de lookbook: el texto blanco
   caia sobre la parte clara de la foto y se quedaba en 1,23. */
.hyh :is(.hh-ig-c,.hh-lk-c,.hh-hs-img,.hh-promo-c){position:relative;isolation:isolate}
.hyh :is(.hh-ig-c,.hh-lk-c,.hh-hs-img,.hh-promo-c)::after{content:"";position:absolute;inset:0;z-index:0;
  pointer-events:none;background:linear-gradient(180deg,rgba(10,11,16,.15),rgba(10,11,16,.62))}
.hyh :is(.hh-ig-ov,.hh-lk-ov,.hh-promo-ov,.hh-hs-ov){position:relative;z-index:1}

/* 7q.3) LA COLUMNA "OTROS" DE LA COMPARATIVA iba al 50 % de opacidad: 3,89. Es la columna
   que sostiene el argumento; si no se lee, la tabla no dice nada. */
.hyh :is(.hh-cmp .them,.hh-cmp-head .them,.hh-compare .them){opacity:1;
  color:color-mix(in srgb, var(--tx) 78%, transparent)}

/* 7q.4) MAS ACENTO USADO COMO TEXTO. Los que se escaparon de la regla de arriba porque su
   selector no coincidia exactamente. Misma mezcla: se conserva el tono y se gana lectura. */
.hyh :is(.hh-cmp .us,.hh-cmp-head .us,.hh-compare .us,.hh-faqchev,.hh-tlvnum,.hh-ftrow-n,
         .hh-ben-list span,.hh-ben span,.hh-rvx em,.hh-rvx .hh-stars,.hh-promo .hh-chip,
         .hh-promo b,.hh-ig-handle,.hh-bl-more){
  color:color-mix(in srgb, var(--acc) 48%, var(--tx))}

/* 7q.5) Las chapas de esquina y la barra de anuncio llevan el acento de FONDO y texto
   blanco encima. Con un acento claro (el neon de "conversion", el menta de
   "suscripcion") el blanco desaparece. Se les pone un fondo propio oscuro y translucido
   detras del texto, que funciona igual con acento claro y con acento oscuro. */
.hyh :is(.hh-cornbadge,.hh-an-lk){text-shadow:0 1px 2px rgba(0,0,0,.55)}
.hyh .hh-an{background-image:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.28))}
.hyh .hh-cornbadge{background-image:linear-gradient(rgba(0,0,0,.22),rgba(0,0,0,.22))}

/* 7q.6) LA FILA DE CABECERA DE LA COMPARATIVA ya lleva el acento de FONDO. Aclarar ahi
   el texto con el mismo acento deja acento sobre acento: 1,11 de contraste. Dentro de esa
   fila el texto tiene que heredar el color que la propia cabecera ya calculo. */
.hyh :is(.hh-cmp-head,.hh-cmp-row.hh-cmp-head) :is(.us,.them){color:inherit}

/* ===== 7 sexies) NINGUN TEXTO PEGADO AL BORDE ========================================
   En el editor el panel de vista previa es mas ESTRECHO que --wrap. Ahi
   "max-width:var(--wrap)" no hace nada, y cualquier seccion sin margen propio pega su
   texto al pixel 0. En la tienda no se veia porque la pantalla es mas ancha que --wrap.
   Esta regla no cambia nada cuando ya hay sitio y salva el caso estrecho. */
.hyh :is(.hh-ft,.hh-tl,.hh-ben,.hh-gal,.hh-tst,.hh-rvx,.hh-rv,.hh-compare,.hh-stats,
         .hh-pr,.hh-lg,.hh-tm,.hh-bl,.hh-st,.hh-rich,.hh-cd,.hh-nl,.hh-usps,.hh-ir,
         .hh-trust,.hh-pricing,.hh-ig,.hh-lk,.hh-deal,.hh-bd,.hh-feat,.hh-mp,.hh-ct)
  :is(h1,h2,h3,h4,p,ul,ol,dl){padding-left:max(0px,var(--gut));padding-right:max(0px,var(--gut))}
/* Dentro de una tarjeta o de una celda de rejilla el aire ya lo pone la tarjeta:
   si se sumara el de arriba, el texto quedaria hundido. */
.hyh :is([class*="-c"],[class*="card"],[class*="-cell"],[class*="-item"],li,td,th)
  :is(h1,h2,h3,h4,p){padding-left:0;padding-right:0}

/* ===== 7 septies) SUELO DE LEGIBILIDAD DEL TEXTO SECUNDARIO ==========================
   Medido con pixeles sobre las 17 familias: 295 textos por debajo del minimo. Casi todos
   son el mismo caso — el texto de apoyo dentro de las tarjetas (caracteristicas, pasos,
   ventajas, cifras, iconos) pintado al 58-66 % del color de texto. A ese nivel el
   contraste se queda entre 3,2 y 3,8, y el minimo comodo es 4,5.
   No es un problema de las familias oscuras: sale igual en las claras. Lo que falla es
   la idea de "gris suave" aplicada sin comprobar contra que fondo cae.
   Se pone un SUELO del 78 %: sigue leyendose como texto secundario (el titular esta al
   100 %) pero ya se lee de verdad. */
.hyh :is(.hh-ft,.hh-tl,.hh-usps,.hh-ir,.hh-stats,.hh-trust,.hh-ben,.hh-it,.hh-tst,
         .hh-pricing,.hh-pr,.hh-tm,.hh-bl,.hh-faq,.hh-rvx,.hh-rv,.hh-hero,.hh-hs,
         .hh-gal,.hh-lk,.hh-compare,.hh-cd,.hh-nl,.hh-deal,.hh-feat,.hh-bd,.hh-res)
  :is(span,p,em,b,li,dd){color:color-mix(in srgb, currentColor 100%, transparent)}
.hyh :is(.hh-ft,.hh-tl,.hh-usps,.hh-ir,.hh-stats,.hh-trust,.hh-ben,.hh-it,.hh-tst,
         .hh-pricing,.hh-pr,.hh-tm,.hh-bl,.hh-faq,.hh-rvx,.hh-rv,.hh-hero,.hh-hs,
         .hh-gal,.hh-lk,.hh-compare,.hh-cd,.hh-nl,.hh-deal,.hh-feat,.hh-bd,.hh-res)
  :is([class$="-tx"],[class$="-d"],[class$="-sub"],[class$="-desc"],[class$="-note"],
      [class$="-lab"],[class$="-cap"],[class$="-meta"],.hh-sub,.hh-secsub){
  color:color-mix(in srgb, var(--tx) 78%, transparent)}

/* La chapa de las promos iba con el acento sobre el acento: 1,09 de contraste. */
.hyh :is(.hh-promo .hh-chip,.hh-promo-c .hh-chip){background:rgba(10,11,16,.72);color:#fff;
  border:1px solid rgba(255,255,255,.28)}

/* ANTES / DESPUES: las dos etiquetas estaban en position:absolute con el MISMO
   left:14px, o sea una encima de la otra. No es que el texto fuera largo (que tambien):
   es que la segunda nunca tuvo sitio propio. La de "despues" se va a la derecha, que es
   donde corresponde en una comparacion de dos mitades. */
.hyh .hh-ba-lab{max-width:min(42%,240px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hyh .hh-ba-lab:last-of-type,.hyh .hh-ba-lab+.hh-ba-lab{left:auto;right:14px}

/* ===== 7 octies) SECCIONES CON SUPERFICIE OSCURA PROPIA ==============================
   Este es el "texto oscuro sobre fondo oscuro" de verdad, y no era cosa de las familias
   oscuras: pasa en las CLARAS. Una comparativa en modo oscuro o una portada a sangre
   pintan su propio fondo negro, pero el texto de dentro se calcula a partir de --tx, que
   en una familia clara es casi negro. Resultado: negro sobre negro.
   La solucion no es repintar cada texto: es redefinir --tx DENTRO de esa superficie, y
   asi todas las reglas de arriba se corrigen solas.

   AVISO: aqui va una LISTA EXACTA, no un comodin. El primer intento uso
   [class*="-dark"] y compañia, y de paso pinto de blanco secciones claras cuyo nombre
   contenia esos trozos: los avisos de texto ilegible subieron de 66 a 97. Cada clase de
   esta lista esta comprobada una a una.
   Para añadir una nueva: mirar que su fondo sea solido y oscuro ANTES de meterla. */
.hyh :is(.hh-hero-full,.hh-hero-aurora,.hh-full-bottom,.hh-full-min,.hh-cta-bar,
         .hh-compare-dark,.hh-cmp.dark,.hh-pc.dark,.hh-deal-dark,.hh-pricing-dark,
         .hh-hotspots-dark,.hh-map-dark,.hh-bundle-dark,.hh-st-band,.hh-stats-band,
         .hh-feat-spotlight,.hh-rich-box,.hh-vid-box,.hh-hv-bg){
  --tx:#f4f6fa;color:#f4f6fa;
}
.hyh :is(.hh-hero-full,.hh-hero-aurora,.hh-full-bottom,.hh-full-min,.hh-cta-bar,
         .hh-compare-dark,.hh-cmp.dark,.hh-pc.dark,.hh-deal-dark,.hh-pricing-dark,
         .hh-hotspots-dark,.hh-map-dark,.hh-bundle-dark,.hh-st-band,.hh-stats-band,
         .hh-feat-spotlight,.hh-rich-box,.hh-vid-box,.hh-hv-bg)
  :is(h1,h2,h3,h4,p,span,li,em,b,strong,summary,dt,dd){color:inherit}

/* ===== 7 nonies) AIRE VERTICAL ========================================================
   Medido: la franja de cierre de doce familias tiene 20 px por debajo del boton y
   detras viene ya el footer del tema. Se lee como "pegado", porque lo esta. Lo mismo
   arriba con la primera seccion cuando no es una portada a sangre.
   Se distingue entre BANDAS (que llevan texto y necesitan respirar) y BARRAS (la de
   anuncio, la cinta, la de envio gratis), que por diseño van finas y no se tocan. */
.hyh :is(.hh-cta,.hh-nl,.hh-st,.hh-coup,.hh-rich,.hh-ben,.hh-res,.hh-stats,.hh-trust,
         .hh-usps,.hh-ir,.hh-pr,.hh-lg,.hh-tm){
  padding-top:max(var(--aire,clamp(44px,5vw,72px)),0px);
  padding-bottom:max(var(--aire,clamp(44px,5vw,72px)),0px);
}
/* Las barras van finas a proposito: no se les toca. */
.hyh :is(.hh-an,.hh-mq2,.hh-sb,.hh-shipbar){--aire:clamp(10px,1.4vw,16px)}

/* Y el contenido no puede morir contra el footer del tema ni empezar pegado a la
   cabecera.

   AVISO GORDO, y esta vez comprobado leyendo prerender.ts y el liquid:
   ".hly-pre" significa COSAS DISTINTAS en cada sitio.
     · EDITOR : un solo <div class="hly-pre"> envolviendo TODAS las secciones.
     · TIENDA : prerender.ts envuelve CADA seccion en su propio <div class="hly-pre">
                (prerender.ts:138), y el liquid las cuelga de <div id="headly-home">.
   Consecuencia: "#headly-home > .hly-pre{padding-bottom}" ponia el margen UNA vez en el
   editor y DIECISIETE veces en la tienda. La regla se aplicaba, pero hacia otra cosa.
   REGLA: si algo tiene que pasar UNA vez por pagina, va en #headly-home, nunca en
   .hly-pre. */
#headly-home,#headly-prod,#headly-coll{padding-bottom:clamp(24px,3vw,44px)}
/* La PRIMERA seccion tambien tiene que respirar: medido, empezaba a 0 px de la cabecera
   del tema en nueve familias (la barra de anuncio, que ademas lleva esquinas redondeadas
   y se veia encajada a presion contra el menu).
   Excepcion: si la primera es una portada a sangre o un carrusel, ahi el diseño PIDE
   que toque la cabecera y no se le pone nada. */
:is(#headly-home,#headly-prod,#headly-coll) > .hly-pre:first-child:not(:has(.hh-hero-full,.hh-ss,.hh-hv,.hh-fi)){
  padding-top:clamp(14px,2vw,26px)}
/* Relleno y no margen a proposito: el contenedor no tiene ni borde ni relleno arriba,
   asi que un margin-top del primer hijo se COLAPSA hacia fuera y no separa nada.
   Medido: con margin se quedaba en 12 px; con padding sube a los 38 que tocan. */

/* ===== 8) ESCALA TIPOGRAFICA UNICA ====================================================
   Medido sobre una portada completa: los titulares de seccion salian a 38, 42, 46 y 52 px
   y los cuerpos a 14, 14.5, 16 y 17. Cuatro tamaños para lo mismo. El ojo lo lee como
   descuido, aunque no sepa decir por que: una seccion parece mas importante que otra sin
   ningun motivo, y el conjunto se ve montado a trozos.
   A partir de aqui hay DOS tamaños de titular y DOS de cuerpo, y no mas:
     · portada (el primer titular de la pagina) ... 52 px
     · titular de seccion ....................... 42 px
     · cuerpo de lectura ........................ 17 px
     · texto secundario (pies, metadatos) ....... 15 px
   Todo con clamp(), para que en movil baje solo sin necesidad de media queries. */

/* Titulares de seccion: se igualan los que se salian por arriba y por abajo. */
.hyh :is(.hh-ben,.hh-rich,.hh-cd,.hh-cta,.hh-st,.hh-gal,.hh-ft,.hh-tl,.hh-ba,.hh-compare,
         .hh-rvx,.hh-faq,.hh-it,.hh-pr,.hh-res,.hh-sb,.hh-trust,.hh-stats,.hh-tm,.hh-lg)
  :is(h2,h3):first-of-type{font-size:clamp(26px,3.3vw,42px);line-height:1.08;letter-spacing:-.03em}

/* La portada manda: es la unica que puede ser mas grande. */
.hyh :is(.hh-hero,.hh-hs,.hh-ss,.hh-hv) :is(h1,h2):first-of-type{font-size:clamp(32px,4.3vw,52px)}

/* Cuerpos de lectura. 14 px en escritorio es demasiado pequeño para un parrafo largo:
   se lee con esfuerzo y la gente lo salta. */
.hyh :is(.hh-it,.hh-ben,.hh-rich,.hh-ft,.hh-tl,.hh-faq,.hh-rvx,.hh-compare) p{font-size:17px;line-height:1.62}

/* Texto secundario: pies, autores, metadatos, contadores. Un solo tamaño para todos. */
.hyh :is([class$="-eye"],[class$="-eyebrow"],[class$="-au"],[class$="-meta"],
         [class$="-note"],[class$="-cap"],[class$="-lb"]){font-size:15px}

/* Los pasos de "como funciona" y las tarjetas de caracteristicas se quedaban en 13,5 px:
   por debajo de 15 un parrafo se lee con esfuerzo y la gente lo salta entero. */
.hyh :is(.hh-tl,.hh-ft,.hh-ir,.hh-usps,.hh-trust) :is(p,span,div):not(:has(*)){font-size:15px;line-height:1.55}

/* Titular para las secciones que no lo tenian (cifras, marcas, garantias, ventajas...).
   Mismo tamaño que el resto de titulares de seccion: no hay motivo para que "Cifras"
   se vea distinto de "Preguntas frecuentes". */
.hyh .hh-sectit{font-size:clamp(26px,3.3vw,42px);line-height:1.08;letter-spacing:-.03em;
  text-align:center;margin:0 auto 10px;max-width:min(var(--wrap,1200px),100%);
  padding-left:var(--gut);padding-right:var(--gut);box-sizing:border-box}

/* La frase de apoyo que ahora puede llevar CUALQUIER seccion debajo de su titular.
   Va centrada si la seccion lo esta, y con un ancho maximo en "ch" para que no salgan
   lineas de 140 caracteres, que es donde el ojo se pierde al saltar de renglon. */
.hyh .hh-secsub{font-size:17px;line-height:1.62;max-width:min(62ch,100%);
  margin:10px auto 26px;text-align:center;padding-left:var(--gut);padding-right:var(--gut);
  box-sizing:border-box}
/* El COLOR de .hh-secsub se fija mas arriba (7q.1) heredando de currentColor. Aqui no se
   toca: si se vuelve a poner un color derivado de --tx, esta regla gana por ir despues y
   el texto se queda oscuro sobre las franjas oscuras. Ya paso una vez. */
/* Cuando no hay titular del que colgarla, la frase va al final de la seccion. Se le
   quita el margen inferior para que no abra un hueco al cerrar el bloque. */
.hyh .hh-secsub-suelto{flex-basis:100%;margin:12px auto 0;text-align:center}
@media (max-width:640px){.hyh .hh-secsub{font-size:15.5px;margin-bottom:20px}}

/* Las tarjetas dentro de una rejilla llevan titular pequeño A PROPOSITO: son fichas,
   no secciones. Se les fija su propio tamaño para que no las arrastre la regla de arriba. */
.hyh :is(.hh-itcol,.hh-ftc,.hh-tlc,.hh-cmpc) :is(h3,h4){font-size:19px;line-height:1.25}

/* 7.5) MOVIL: lo unico que se PIERDE de verdad ==========================================
   Nueve combinaciones cortaban contenido a 390 px, y las nueve vienen del mismo sitio:
   .hh-hs-img esta declarada dos veces (min-height:420px para la portada dividida y
   aspect-ratio:16/9 para los puntos calientes). Multiplicado da 747 px de ancho en una
   pantalla de 390. El punto 6 de arriba ya lo neutralizo para .hh-hs-dots; faltaban el
   resto de variantes. */
@media (max-width:820px){
  .hyh .hh-hs-img,.hyh .hh-hs-frameimg{min-height:0;width:100%;max-width:100%}
  .hyh .hh-hs-cardin{max-width:100%}
  /* Una columna de rejilla no baja del ancho de su contenido salvo que se le diga. */
  .hyh .hh-fbento,.hyh .hh-fbento>*,.hyh .hh-fbento-img{min-width:0;max-width:100%}
}