.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%}
}