/* ═══════════════════════════════════════════════════════════════
   index-unicity-v3.css · POLISH LAYER
   Final pass to enforce Estilo Unicity rules on top of
   index-unicity.css. Targets visible leftovers:
   · inline linear-gradients   → flat brand colors
   · inline font-style:italic  → killed everywhere (not just headings)
   · spacing rhythm            → tightened
   · card hierarchy            → ribbons + featured asymmetry
   Load AFTER index-unicity.css.
   ═══════════════════════════════════════════════════════════════ */

/* ─── #0 KILL INLINE GRADIENTS (defensive · global) ──────────── */
body[data-skin="unicity"] [style*="linear-gradient"]:not(.lu-banner):not(.lu-banner-cta):not(.pp-quiz):not(.nav-cta--quiz){
  background-image:none !important;
}

/* Specific safer replacements per known offender — flat tones from
   the Estilo Unicity palette. */
body[data-skin="unicity"] .testimonio-stat{
  background:#fff !important;
  border:1px solid rgba(15,25,47,.08) !important;
  border-radius:14px !important;
}
body[data-skin="unicity"] .mission-teaser{
  background:rgba(242,112,97,.08) !important;
  border:1px solid rgba(242,112,97,.22) !important;
  border-radius:16px !important;
}
body[data-skin="unicity"] .follow-card{
  background:#fff !important;
  border:1px solid var(--u-line) !important;
  border-radius:16px !important;
}
body[data-skin="unicity"] .sys-tier-ribbon--best{
  background:var(--u-coral) !important;
  box-shadow:0 8px 22px rgba(242,112,97,.4) !important;
}
body[data-skin="unicity"] .sys-head[style*="gradient"]{
  background:var(--u-cream) !important;
  color:var(--u-navy) !important;
}
body[data-skin="unicity"] .sys-head.dark[style*="gradient"]{
  background:var(--u-navy) !important;
  color:#fff !important;
}
body[data-skin="unicity"] .sys-head.dark[style*="gradient"] .sys-num{color:rgba(255,255,255,.55) !important}
body[data-skin="unicity"] .sys-head.dark[style*="gradient"] .sys-title{color:#fff !important}
body[data-skin="unicity"] .sys-head.dark[style*="gradient"] .sys-sub{color:rgba(255,255,255,.72) !important}

/* Mx2 + Business pack heads (these had inline gradients) — render flat */
body[data-skin="unicity"] #otros-sistemas + * .sys-head{background:var(--u-cream) !important;color:var(--u-navy) !important;}

/* ─── #1 KILL INLINE ITALICS (defensive · global) ────────────── */
body[data-skin="unicity"] [style*="font-style:italic"],
body[data-skin="unicity"] [style*="font-style: italic"]{
  font-style:normal !important;
}
body[data-skin="unicity"] em[style*="italic"]{
  font-style:normal !important;
  color:var(--u-coral) !important;
  font-weight:inherit !important;
}
body[data-skin="unicity"] .section.dark em[style*="italic"],
body[data-skin="unicity"] .hero em[style*="italic"],
body[data-skin="unicity"] .app-sec em[style*="italic"],
body[data-skin="unicity"] .problema em[style*="italic"],
body[data-skin="unicity"] .ciencia em[style*="italic"]{
  color:var(--u-peach) !important;
}
/* Quote-y inline em (testimonio sig, "¿quién eres tú…?" type) stays
   in body font — not coral — but never italic */
body[data-skin="unicity"] .testimonio-head p em,
body[data-skin="unicity"] .testimonio-head .lead em{
  font-style:normal !important;
  color:var(--u-ink-soft) !important;
  font-weight:600;
}

/* ─── #2 BANNER · cleaner Unicity red strip (kept gradient is fine but
        improve readability) ─────────────────────────────────────── */
body[data-skin="unicity"] .lu-banner{
  background:#cf2424 !important;
  background-image:none !important;
}
body[data-skin="unicity"] .lu-banner-cta{
  background:var(--u-navy) !important;
  color:#fff !important;
}

/* ─── #3 STICKY CTA · flat coral, no gradient ───────────────────── */
body[data-skin="unicity"] .sticky-cta .pp-quiz{
  background:var(--u-coral) !important;
  background-image:none !important;
  box-shadow:0 8px 22px rgba(242,112,97,.32) !important;
}
body[data-skin="unicity"] .sticky-cta .pp-quiz:hover{
  background:var(--u-coral-deep) !important;
}

/* ─── #4 NAV CTA · flat coral ──────────────────────────────────── */
body[data-skin="unicity"] .nav-cta--quiz,
body[data-skin="unicity"] .nav-cta{
  background:var(--u-coral) !important;
  background-image:none !important;
  color:#fff !important;
  font-weight:600 !important;
  border-radius:10px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
body[data-skin="unicity"] .nav-cta--quiz:hover,
body[data-skin="unicity"] .nav-cta:hover{
  background:var(--u-coral-deep) !important;
  box-shadow:0 10px 24px rgba(242,112,97,.32) !important;
  transform:translateY(-1px);
}

/* ─── #5 HERO STAT BLOCK · tighter, more Unicity ────────────────── */
body[data-skin="unicity"] .hero-stat-block{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:20px !important;
  padding:36px 32px !important;
}
body[data-skin="unicity"] .hero-stat-num b{
  letter-spacing:-0.07em !important;
  line-height:.82 !important;
}
body[data-skin="unicity"] .hsp{
  width:34px;height:34px;border-radius:50%;
  background-image:none !important;
}
body[data-skin="unicity"] .hsp[data-state="sick"]{background:rgba(255,255,255,.10) !important;color:transparent !important;border:1.5px solid rgba(255,255,255,.18)}
body[data-skin="unicity"] .hsp[data-state="healthy"]{
  background:var(--u-coral) !important;color:transparent !important;
  filter:none !important;
  box-shadow:0 0 0 3px rgba(242,112,97,.25);
}

/* ─── #6 PROBLEMA — keep but ensure section is shown (was hidden in
        fix-pack). Skip: respect user's earlier display:none. */

/* ─── #7 CIENCIA · big-stat module · tone alignment ─────────────── */
body[data-skin="unicity"] .sci-stat-wide{
  border-radius:20px !important;
}
body[data-skin="unicity"] .sci-stat-wide-lbl{
  font-family:var(--font-display) !important;
  font-weight:700 !important;font-style:normal !important;
  letter-spacing:-0.02em !important;
  line-height:1.2 !important;
  font-size:clamp(18px,2vw,22px) !important;
  color:#fff !important;
}
body[data-skin="unicity"] .sci-stat-wide-lbl strong{
  color:var(--u-peach) !important;font-weight:800 !important;
}
body[data-skin="unicity"] .sci-stat-wide-body em{
  color:var(--u-peach) !important;font-style:normal !important;
}

/* ─── #8 PROTOCOLOS — featured card hierarchy ───────────────────── */
body[data-skin="unicity"] .sys-card{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body[data-skin="unicity"] .sys-card:hover{
  transform:translateY(-3px);
  box-shadow:0 28px 60px rgba(15,25,47,.14);
}
body[data-skin="unicity"] .sys-card--best,
body[data-skin="unicity"] .sys-card--popular{
  z-index:2;
}
body[data-skin="unicity"] .sys-tier-ribbon{
  font-family:var(--font-body) !important;
  text-transform:uppercase;
  letter-spacing:.06em !important;
  font-size:10.5px !important;
  padding:6px 14px;
  border-radius:999px !important;
}

/* ─── #9 SYS-TO-FORM bridge · cleaner ───────────────────────────── */
body[data-skin="unicity"] .sys-to-form-cta{
  background:#fff !important;
  border:1px solid var(--u-line) !important;
  border-radius:18px !important;
  box-shadow:0 14px 36px rgba(15,25,47,.05);
}

/* ─── #10 AUDIENCIAS · card border accents (instead of identical) ── */
body[data-skin="unicity"] .aud-card{
  border-radius:18px !important;
  padding:24px 22px !important;
}
body[data-skin="unicity"] .aud-card:nth-child(3n+1){border-top:3px solid var(--u-coral) !important}
body[data-skin="unicity"] .aud-card:nth-child(3n+2){border-top:3px solid var(--u-peach) !important}
body[data-skin="unicity"] .aud-card:nth-child(3n+3){border-top:3px solid var(--u-blue) !important}

/* ─── #11 TESTIMONIO YURY · tighter ─────────────────────────────── */
body[data-skin="unicity"] .testimonio-personal{padding:96px 0 !important}
body[data-skin="unicity"] .testimonio-stat{padding:20px 24px !important}
body[data-skin="unicity"] .testimonio-stat b{
  font-family:var(--font-display) !important;
  font-weight:900 !important;
  letter-spacing:-0.045em !important;
  font-size:clamp(44px,7vw,64px) !important;
  line-height:.9 !important;
  color:var(--u-coral) !important;
}
body[data-skin="unicity"] .testimonio-stat span{
  font-family:var(--font-body) !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  font-size:13px !important;
  color:var(--u-muted) !important;
  font-weight:500 !important;
}
body[data-skin="unicity"] .testimonio-photo figcaption{
  font-family:var(--font-body) !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  font-size:12.5px !important;
  color:var(--u-muted) !important;
}
body[data-skin="unicity"] .testimonio-photo img{
  border-radius:18px !important;
  box-shadow:0 24px 60px rgba(15,25,47,.12) !important;
}
body[data-skin="unicity"] .testimonio-sig{
  font-family:var(--font-display) !important;
  font-style:normal !important;
  font-weight:800 !important;
  font-size:clamp(20px,2.4vw,26px) !important;
  letter-spacing:-0.025em !important;
  color:var(--u-navy) !important;
}

/* ─── #12 HISTORIAS — testi cards: featured first ───────────────── */
body[data-skin="unicity"] .testi-card{
  border-radius:18px !important;
  padding:24px 22px !important;
}
body[data-skin="unicity"] .testi-card:first-child{
  border:2px solid var(--u-coral) !important;
  box-shadow:0 24px 56px rgba(242,112,97,.16) !important;
}

/* ─── #13 YT cards · cleaner outline ────────────────────────────── */
body[data-skin="unicity"] .yt-card{
  border-radius:16px !important;
  overflow:hidden;
}

/* ─── #14 MISIÓN · coral signature block tightened ──────────────── */
body[data-skin="unicity"] .mission-sec{padding:120px 0 !important}
body[data-skin="unicity"] .mission-sec .section-head{margin-bottom:48px !important}
body[data-skin="unicity"] .mission-sec h2{
  font-family:var(--font-display) !important;
  font-weight:900 !important;
  font-size:clamp(40px,6vw,76px) !important;
  letter-spacing:-0.045em !important;
  line-height:.92 !important;
  color:var(--u-navy) !important;
}
body[data-skin="unicity"] .mission-sec h2 em{
  color:var(--u-navy) !important;
  font-style:normal !important;
  position:relative;display:inline-block;
}
body[data-skin="unicity"] .mission-sec h2 em::after{
  content:"";position:absolute;left:0;right:0;bottom:.04em;height:.14em;
  background:rgba(15,25,47,.22) !important;border-radius:4px;
}
body[data-skin="unicity"] .m3-card{
  border-radius:18px !important;
  padding:30px 26px 26px !important;
}
body[data-skin="unicity"] .m3-h{
  font-family:var(--font-display) !important;
  font-weight:800 !important;
  font-size:clamp(24px,2.6vw,30px) !important;
  letter-spacing:-0.03em !important;
  line-height:1.05 !important;
  color:var(--u-navy) !important;
  margin:0 0 6px !important;
}
body[data-skin="unicity"] .m3-num{
  font-family:var(--font-mono) !important;
  font-size:11px !important;
  letter-spacing:.06em !important;
  color:var(--u-muted) !important;
  position:absolute;top:24px;right:24px;
}
body[data-skin="unicity"] .m3-icon{
  width:48px !important;height:48px !important;
  border-radius:12px !important;
  background:rgba(15,25,47,.04) !important;
  border:1.5px solid var(--u-line) !important;
  font-size:22px !important;
}
body[data-skin="unicity"] .m3-card--franchise .m3-icon{
  background:rgba(242,112,97,.10) !important;
  border-color:rgba(242,112,97,.30) !important;
}
body[data-skin="unicity"] .m3-tag{
  font-family:var(--font-body) !important;
  font-weight:500 !important;font-style:normal !important;
  color:var(--u-coral) !important;
  font-size:14px !important;
  margin:0 0 12px !important;
}
body[data-skin="unicity"] .m3-tag strong{color:var(--u-coral-deep) !important;font-weight:700}
body[data-skin="unicity"] .m3-desc{
  font-family:var(--font-body) !important;
  font-size:14px !important;line-height:1.55 !important;
  color:var(--u-ink-soft) !important;
  margin:0 0 16px !important;
}
body[data-skin="unicity"] .m3-tier-badge{
  background:var(--u-coral) !important;
  color:#fff !important;
  font-family:var(--font-body) !important;
  font-weight:700 !important;
  font-size:11px !important;
  letter-spacing:.04em !important;
  border-radius:999px !important;
  padding:5px 12px !important;
}
body[data-skin="unicity"] .mission-footer{
  margin-top:48px;padding:32px;
  background:rgba(15,25,47,.06);
  border-radius:18px;text-align:center;
}
body[data-skin="unicity"] .mission-footer p{
  font-family:var(--font-display) !important;
  font-weight:700 !important;
  font-size:clamp(18px,2vw,22px) !important;
  letter-spacing:-0.02em !important;
  color:var(--u-navy) !important;
  line-height:1.3 !important;
  max-width:62ch;margin:0 auto 18px !important;
}
body[data-skin="unicity"] .mission-footer p strong{color:var(--u-coral-deep) !important;font-weight:800}
body[data-skin="unicity"] .mission-footer-ctas{
  display:flex;gap:10px;justify-content:center;flex-wrap:wrap;
}

/* ─── #15 FAQ · more breathable ─────────────────────────────────── */
body[data-skin="unicity"] .faq-item + .faq-item{margin-top:10px}
body[data-skin="unicity"] .faq-item{border-radius:14px !important}
body[data-skin="unicity"] .faq-q{padding:22px 26px !important}
body[data-skin="unicity"] .faq-a{padding:0 26px 22px !important;font-size:14.5px !important;line-height:1.65 !important}

/* ─── #16 CTA FINAL · navy block, tighter ───────────────────────── */
body[data-skin="unicity"] .cta-final{padding:120px 0 !important}
body[data-skin="unicity"] .cta-final h2{
  font-family:var(--font-display) !important;
  font-weight:900 !important;
  font-size:clamp(44px,7vw,88px) !important;
  letter-spacing:-0.045em !important;
  line-height:.92 !important;
}

/* ─── #17 FOOTER · subtle Unicity polish ─────────────────────────── */
body[data-skin="unicity"] .footer{padding:64px 0 36px !important}
body[data-skin="unicity"] .footer h4{
  font-size:13px !important;letter-spacing:.04em !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,.95) !important;
  font-weight:600 !important;font-family:var(--font-body) !important;
}
body[data-skin="unicity"] .footer a{color:rgba(255,255,255,.7) !important}
body[data-skin="unicity"] .footer a:hover{color:var(--u-peach) !important}

/* ─── #18 SECTION RHYTHM (Estilo Unicity rule: 96–120px vertical pad) */
body[data-skin="unicity"] .section{padding:96px 0}
body[data-skin="unicity"] .section.dark{padding:120px 0}
body[data-skin="unicity"] .events-compact{padding:64px 0 !important}
body[data-skin="unicity"] .blog-compact{padding:64px 0 !important}

/* ─── #19 EYEBROW DOT — kill blue/c variants to one coral dot (rule) */
body[data-skin="unicity"] .eyebrow .dot,
body[data-skin="unicity"] .eyebrow .dot.blue,
body[data-skin="unicity"] .eyebrow .dot.c{
  background:currentColor !important;
}

/* ─── #20 H2 TIGHTEN · prevent line-break artifacts on small screens */
body[data-skin="unicity"] h2 br{
  /* Allow native wrapping on narrow viewports — most h2s are
     legible without forced linebreaks. */
}
@media(max-width:680px){
  body[data-skin="unicity"] .section-head h2 br{display:none}
  body[data-skin="unicity"] .section-head h2{font-size:clamp(34px,9vw,48px) !important}
}

/* ─── #21 BUTTONS · tighter system (Estilo Unicity) ─────────────── */
body[data-skin="unicity"] .btn{
  border-radius:12px !important;
  padding:14px 22px !important;
  font-size:14.5px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
body[data-skin="unicity"] .btn-small{
  padding:11px 18px !important;
  font-size:13px !important;
}
body[data-skin="unicity"] .btn-primary{
  background:var(--u-coral) !important;
  background-image:none !important;
  color:#fff !important;
  box-shadow:none !important;
}
body[data-skin="unicity"] .btn-primary:hover{
  background:var(--u-coral-deep) !important;
  box-shadow:0 12px 28px rgba(242,112,97,.32) !important;
}
body[data-skin="unicity"] .btn-wa{
  background:#1f8a5b !important;
  background-image:none !important;
  color:#fff !important;
}
body[data-skin="unicity"] .btn-wa:hover{background:#176a45 !important}

/* ─── #22 TRUST marquee (logos strip) — flatten ──────────────────── */
body[data-skin="unicity"] .trust-logo{
  filter:grayscale(1) opacity(.55);
  transition:filter .2s;
}
body[data-skin="unicity"] .trust-logo:hover{filter:grayscale(0) opacity(1)}

/* ─── #23 OZEMPIC compare — stronger featured col ────────────────── */
body[data-skin="unicity"] .compare-col.natural{
  border:2px solid var(--u-coral) !important;
  box-shadow:0 24px 60px rgba(242,112,97,.18) !important;
  transform:translateY(-6px);
}
@media(max-width:760px){
  body[data-skin="unicity"] .compare-col.natural{transform:none}
}

/* ─── #24 GUIA PDF lead-sec · cleaner separation ────────────────── */
body[data-skin="unicity"] .guia-pdf{
  border-radius:18px !important;
  box-shadow:0 24px 56px rgba(0,0,0,.32) !important;
}

/* ─── #25 APP SEC · feature card refinements ────────────────────── */
body[data-skin="unicity"] .app-feat{
  border-radius:14px !important;
  padding:20px 18px !important;
}
body[data-skin="unicity"] .app-feat-icon{
  width:44px !important;height:44px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.06) !important;
  border:1.5px solid rgba(255,255,255,.14) !important;
}

/* ─── #26 VERIFY-CTA · "Pídeme un caso por WhatsApp" — pill blanca,
        más visible sobre la verify-box coral-tinted dentro de .ciencia
        (fondo navy). Texto blanco · fondo coral sólido. ─────────── */
body[data-skin="unicity"] .verify-cta{
  display:inline-flex !important;
  align-items:center;gap:10px;
  margin-top:18px !important;
  padding:13px 22px !important;
  background:var(--u-coral) !important;
  color:#fff !important;
  font-family:var(--font-body) !important;
  font-weight:600 !important;
  font-size:14.5px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  border-radius:12px !important;
  border:0;
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
  text-decoration:none !important;
}
body[data-skin="unicity"] .verify-cta:hover{
  background:var(--u-coral-deep) !important;
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(242,112,97,.4) !important;
  color:#fff !important;
}
body[data-skin="unicity"] .verify-cta .arrow{
  display:inline-block;transition:transform .2s ease;
}
body[data-skin="unicity"] .verify-cta:hover .arrow{transform:translateX(4px)}

/* ─── #27 FOOTER BRAND · logo grande + texto branded ──────────── */
body[data-skin="unicity"] .footer-brand-v2{
  max-width:680px !important;
  margin:0 auto 40px !important;
  padding:0 0 36px !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:14px !important;
  text-align:center !important;
}
body[data-skin="unicity"] .footer-brand-v2::before{
  content:"@ReseteaLaSalud";
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(30px,3.6vw,42px);
  letter-spacing:-0.04em;
  color:#fff;
  line-height:1;
  order:1;
}
body[data-skin="unicity"] .footer-brand-v2 .brand-img-sm{
  order:2;
  width:120px !important;
  height:auto !important;
  aspect-ratio:auto !important;
  border-radius:0 !important;
  background:transparent !important;
  filter:brightness(0) invert(1) !important;
  opacity:.85;
  margin:0 !important;
  display:block;
}
body[data-skin="unicity"] .footer-brand-v2 p{
  order:3;
  font-family:var(--font-body) !important;
  font-size:14px !important;
  line-height:1.6 !important;
  color:rgba(255,255,255,.62) !important;
  max-width:60ch !important;
  margin:0 auto !important;
  font-style:normal !important;
}
body[data-skin="unicity"] .footer-brand-v2 p strong,
body[data-skin="unicity"] .footer-brand-v2 p b{
  color:#fff !important;font-weight:600;
}

/* ─── #28 HERO variant 3 emphasis · "raíz" más fuerte ──────────── */
body[data-skin="unicity"] .hero-variant[data-variant="3"] .line2{
  color:rgba(255,255,255,.78) !important;
}
body[data-skin="unicity"] .hero-variant[data-variant="3"] .line3{
  color:#fff !important;
}
body[data-skin="unicity"] .hero-variant[data-variant="3"] .underline.accent{
  color:var(--u-coral) !important;
  position:relative;display:inline-block;
}

/* ─── #29 PAGE-SCALE TYPO fixes ────────────────────────────────── */
body[data-skin="unicity"] .section-head .lead,
body[data-skin="unicity"] .lead{
  font-family:var(--font-body) !important;
  font-style:normal !important;
}
body[data-skin="unicity"] .lead em{
  font-style:normal !important;
  color:var(--u-coral) !important;
  font-weight:600;
}
body[data-skin="unicity"] .section.dark .lead em,
body[data-skin="unicity"] .hero .lead em,
body[data-skin="unicity"] .ciencia .lead em,
body[data-skin="unicity"] .app-sec .lead em{
  color:var(--u-peach) !important;
}