/* ═══════════════════════════════════════════════════════════════
   Oportunidad · Unicity Skin
   Activa cuando body[data-skin="unicity"]
   Mirrors affiliate.unicity.com:
   · Inter Tight 800/900 — heavy geométrico, sin itálicas
   · Bloques de color sólido (navy / coral / cream)
   · Cards blancas sobre coral, cards dark sobre navy
   · Iconografía contenida en rounded-square outlines
   · Stamps/badges circulares con rotación
   ═══════════════════════════════════════════════════════════════ */

body[data-skin="unicity"]{
  --font-display:"Inter Tight","Inter",-apple-system,BlinkMacSystemFont,sans-serif;
  --font-body:"Inter","Inter Tight",-apple-system,BlinkMacSystemFont,sans-serif;
  --u-coral:#F27061;
  --u-coral-deep:#cf4f3f;
  --u-navy:#0F192F;
  --u-navy-soft:#1a2540;
  --u-navy-card:#162038;
  --u-cream:#F9F7F4;
  --u-line-cream:#ece5d6;
  --u-yellow:#F5E89C;
  --u-peach:#FBBE98;
  --u-blue:#3779BE;
}

body[data-skin="unicity"]{
  font-family:var(--font-body);
  background:var(--u-cream);
}

/* ─── HEADINGS — heavy bold sans, sin itálica ─── */
body[data-skin="unicity"] h1,
body[data-skin="unicity"] h2,
body[data-skin="unicity"] h3,
body[data-skin="unicity"] h4,
body[data-skin="unicity"] .ruta-name,
body[data-skin="unicity"] .op-mission-text,
body[data-skin="unicity"] .op-form-h,
body[data-skin="unicity"] .op-earn-h,
body[data-skin="unicity"] .op-cc-name,
body[data-skin="unicity"] .op-detail-h,
body[data-skin="unicity"] .op-step h3,
body[data-skin="unicity"] .op-sup-card h3,
body[data-skin="unicity"] .op-prof-head h3,
body[data-skin="unicity"] .op-map-region h4,
body[data-skin="unicity"] .op-faq-item summary,
body[data-skin="unicity"] .op-how-quote p,
body[data-skin="unicity"] .op-test-quote,
body[data-skin="unicity"] .op-apply-quote,
body[data-skin="unicity"] .footer h4{
  font-family:var(--font-display);
  font-style:normal !important;
  font-weight:800;
  letter-spacing:-0.035em;
  line-height:1.0;
}

body[data-skin="unicity"] h1{
  font-weight:900;font-size:clamp(48px,8.5vw,120px);
  letter-spacing:-0.045em;line-height:.93;
}
body[data-skin="unicity"] h2{
  font-weight:800;font-size:clamp(40px,6.5vw,86px);
  letter-spacing:-0.04em;line-height:.96;
}
body[data-skin="unicity"] h3{
  font-weight:700;font-size:clamp(22px,2.4vw,28px);
  letter-spacing:-0.02em;line-height:1.15;
}
body[data-skin="unicity"] h4{
  font-weight:700;font-size:clamp(18px,1.8vw,22px);
  letter-spacing:-0.02em;line-height:1.2;
}

/* Strip italic on inline em/i inside headings — replace with coral color */
body[data-skin="unicity"] h1 em,
body[data-skin="unicity"] h2 em,
body[data-skin="unicity"] h3 em,
body[data-skin="unicity"] h1 i,
body[data-skin="unicity"] h2 i,
body[data-skin="unicity"] h3 i,
body[data-skin="unicity"] .accent,
body[data-skin="unicity"] .underline.accent{
  font-style:normal !important;
  font-weight:inherit !important;
  color:var(--u-coral) !important;
  font-family:var(--font-display) !important;
}
body[data-skin="unicity"] .underline::after{display:none !important}

/* General italic kill on quote-like elements */
body[data-skin="unicity"] .op-mission-text em,
body[data-skin="unicity"] .op-how-quote p em,
body[data-skin="unicity"] .op-apply-quote em,
body[data-skin="unicity"] .op-test-quote{
  font-style:normal !important;
}
body[data-skin="unicity"] .op-mission-text em,
body[data-skin="unicity"] .op-how-quote p em{
  color:var(--u-coral) !important;
  font-weight:800;
}
body[data-skin="unicity"] .op-apply-quote em{
  color:var(--u-peach) !important;
}

/* Lead / body type */
body[data-skin="unicity"] .lead{
  font-family:var(--font-body);
  font-weight:400;font-size:clamp(16px,1.4vw,19px);
  line-height:1.55;letter-spacing:-0.005em;
}

/* ─── EYEBROW — single line, no dot, no uppercase ─── */
body[data-skin="unicity"] .eyebrow{
  font-family:var(--font-body);
  font-size:13px;font-weight:600;
  letter-spacing:0;text-transform:none;
  color:var(--u-coral);
}
body[data-skin="unicity"] .eyebrow .dot{display:none}
body[data-skin="unicity"] .section.dark .eyebrow,
body[data-skin="unicity"] section.op-hero .eyebrow{color:var(--u-peach)}

/* ─── TAGS — más neutras ─── */
body[data-skin="unicity"] .tag{
  font-family:var(--font-body);
  font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;
  border-radius:999px;padding:6px 13px;
  background:rgba(255,255,255,.7);border-color:rgba(15,25,47,.12);
  color:var(--u-navy);
}
body[data-skin="unicity"] .op-hero .tag{
  background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#c9d1e3;
}

/* ─── BUTTONS ─── */
body[data-skin="unicity"] .btn{
  font-family:var(--font-body);font-weight:600;letter-spacing:0;
  border-radius:12px;
}
body[data-skin="unicity"] .btn-primary{
  background:var(--u-coral);box-shadow:none;
}
body[data-skin="unicity"] .btn-primary:hover{
  background:var(--u-coral-deep);box-shadow:0 14px 36px rgba(242,112,97,.32);
}
body[data-skin="unicity"] .btn-ghost{
  background:transparent;border:1.5px solid var(--u-navy);color:var(--u-navy);
}
body[data-skin="unicity"] .btn-ghost:hover{
  background:var(--u-navy);color:#fff;
}
body[data-skin="unicity"] .section.dark .btn-ghost,
body[data-skin="unicity"] .op-hero .btn-ghost,
body[data-skin="unicity"] .op-apply .btn-ghost{
  border-color:rgba(255,255,255,.4);color:#fff;
}

/* ─── NAV — same warm bg but bold body type ─── */
body[data-skin="unicity"] .nav{
  background:rgba(249,247,244,.92);
}
body[data-skin="unicity"] .brand-name b{
  font-family:var(--font-display);font-weight:800;letter-spacing:-0.02em;color:var(--u-navy);
}
body[data-skin="unicity"] .brand-name span{
  font-family:var(--font-body);font-weight:500;font-size:11px;letter-spacing:0;text-transform:none;color:#6b7385;
}
body[data-skin="unicity"] .nav-links a{font-family:var(--font-body);font-weight:500}
body[data-skin="unicity"] .nav-cta-apply{
  background:var(--u-coral);border-radius:10px;font-weight:600;
}

/* ─── HERO — dark navy block, huge white headline ─── */
body[data-skin="unicity"] .op-hero{
  background:var(--u-navy) !important;
  color:#fff;
  padding:96px 0 120px;
}
body[data-skin="unicity"] .op-hero::before{display:none}

body[data-skin="unicity"] .op-hero-inner{
  text-align:left;max-width:var(--max);
}
body[data-skin="unicity"] .op-hero-tags{justify-content:flex-start;margin-bottom:32px}
body[data-skin="unicity"] .op-hero-eyebrow{
  color:var(--u-peach);
  font-family:var(--font-body);font-weight:600;
  font-size:13px;letter-spacing:.04em;text-transform:uppercase;
  margin-bottom:28px;
}
body[data-skin="unicity"] .op-hero-variant h1{
  font-family:var(--font-display);
  font-weight:900;letter-spacing:-0.045em;line-height:.92;
  font-size:clamp(48px,9vw,128px);
  color:#fff;
}
body[data-skin="unicity"] .op-hero-variant h1 .line1,
body[data-skin="unicity"] .op-hero-variant h1 .line2{
  color:#fff !important;
  font-style:normal !important;
  font-weight:900 !important;
}
body[data-skin="unicity"] .op-hero-variant h1 .accent{
  color:var(--u-coral) !important;
  font-style:normal !important;
}

body[data-skin="unicity"] .op-hero-lead{
  color:rgba(255,255,255,.72);
  text-align:left;margin:30px 0 0;
  max-width:62ch;
  font-size:clamp(17px,1.55vw,21px);line-height:1.55;
}
body[data-skin="unicity"] .op-hero-lead strong{color:#fff;font-weight:600}

body[data-skin="unicity"] .op-hero-ctas{
  justify-content:flex-start;margin-top:42px;
}
body[data-skin="unicity"] .op-hero-wa{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.14);
  color:rgba(255,255,255,.85);
  font-family:var(--font-body);letter-spacing:0;text-transform:none;font-size:13px;
}
body[data-skin="unicity"] .op-hero-wa:hover{background:rgba(255,255,255,.12)}

body[data-skin="unicity"] .op-hero-stats{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.10);
  border-radius:16px;
}
body[data-skin="unicity"] .op-hs b{
  font-family:var(--font-display);font-weight:800;color:#fff;
  font-size:clamp(28px,3.4vw,42px);letter-spacing:-0.025em;
}
body[data-skin="unicity"] .op-hs span{
  color:rgba(255,255,255,.55);font-family:var(--font-body);
  font-size:12px;letter-spacing:0;text-transform:none;font-weight:500;
}

/* ─── MISSION STRIP — cream, big bold text ─── */
body[data-skin="unicity"] .op-mission-strip{
  background:var(--u-cream);
  border-color:rgba(15,25,47,.06);
  padding:96px 0;
}
body[data-skin="unicity"] .op-mission-text{
  font-family:var(--font-display);font-weight:800;
  font-size:clamp(30px,4vw,56px);
  line-height:1.0;letter-spacing:-0.035em;
  color:var(--u-navy);
  margin:32px auto 26px;
}
body[data-skin="unicity"] .op-mission-text strong{color:var(--u-navy);font-weight:800}
body[data-skin="unicity"] .op-mission-sub{
  font-size:17px;line-height:1.6;color:#3b4252;
  max-width:660px;
}

/* ─── RUTAS — bigger, cleaner cards ─── */
body[data-skin="unicity"] .section.cream{background:var(--u-cream)}
body[data-skin="unicity"] .section.warm-2{background:#f1eadc}

body[data-skin="unicity"] .ruta-card{
  border-radius:18px;border:1px solid rgba(15,25,47,.08);
  background:#fff;
}
body[data-skin="unicity"] .ruta-card.featured{
  border:2px solid var(--u-coral);
  background:#fff;
  box-shadow:0 24px 48px rgba(242,112,97,.18);
}
body[data-skin="unicity"] .ruta-head{
  background:#fff !important;
  border-bottom:1px solid rgba(15,25,47,.06);
  padding:32px 30px 24px;
}
body[data-skin="unicity"] .ruta-name{
  font-family:var(--font-display);font-weight:800;
  font-size:clamp(28px,3vw,36px);
  color:var(--u-navy);letter-spacing:-0.03em;line-height:1.0;
  margin-bottom:8px;
}
body[data-skin="unicity"] .ruta-tag{
  font-family:var(--font-body);font-style:normal;font-weight:500;
  color:#6b7385;font-size:14px;
}
body[data-skin="unicity"] .ruta-num{
  font-family:var(--font-body);font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;font-size:11px;color:#9ca3af;
}
body[data-skin="unicity"] .ruta-mark-icon{
  width:48px;height:48px;border-radius:12px;
  display:grid;place-items:center;font-size:22px;
  background:rgba(15,25,47,.05);
  border:1px solid rgba(15,25,47,.08);
}
body[data-skin="unicity"] .ruta-card.featured .ruta-mark-icon{
  background:rgba(242,112,97,.1);border-color:rgba(242,112,97,.25);
}
body[data-skin="unicity"] .ruta-badge{
  background:var(--u-coral);color:#fff;
  font-family:var(--font-body);font-weight:600;
  font-size:11px;letter-spacing:.02em;text-transform:uppercase;
  border-radius:999px;padding:7px 14px;
  box-shadow:0 8px 22px rgba(242,112,97,.4);
}
body[data-skin="unicity"] .ruta-desc{color:#3b4252;font-size:14.5px;line-height:1.6}
body[data-skin="unicity"] .ruta-points li{font-size:14px;color:#3b4252}
body[data-skin="unicity"] .ruta-meta-row span{
  font-family:var(--font-body);text-transform:none;letter-spacing:0;
  font-size:13px;color:#6b7385;font-weight:500;
}
body[data-skin="unicity"] .ruta-meta-row strong{font-family:var(--font-body);font-weight:700}
body[data-skin="unicity"] .ruta-cta{
  background:var(--u-navy);color:#fff;font-family:var(--font-body);font-weight:600;
}
body[data-skin="unicity"] .ruta-cta-primary{background:var(--u-coral)}
body[data-skin="unicity"] .ruta-cta-primary:hover{background:var(--u-coral-deep)}

body[data-skin="unicity"] .op-rutas-foot{
  font-style:normal;font-family:var(--font-body);
  font-size:15px;color:#3b4252;
}

/* ─── COMPARATIVA — cleaner table ─── */
body[data-skin="unicity"] .op-compare-table{
  border-radius:16px;border-color:rgba(15,25,47,.08);
}
body[data-skin="unicity"] .op-compare-head{
  background:var(--u-cream);
  border-bottom:1px solid rgba(15,25,47,.1);
}
body[data-skin="unicity"] .op-cc-spec{
  font-family:var(--font-body);font-weight:600;letter-spacing:0;
  text-transform:none;font-size:13px;color:#6b7385;
}
body[data-skin="unicity"] .op-cc-name{
  font-family:var(--font-display);font-weight:800;
  font-size:24px;letter-spacing:-0.02em;color:var(--u-navy);
}
body[data-skin="unicity"] .op-compare-head .op-cc-fran .op-cc-name{color:var(--u-coral)}
body[data-skin="unicity"] .op-cc-sub{
  font-family:var(--font-body);text-transform:none;letter-spacing:0;
  font-size:12px;font-weight:500;color:#6b7385;
}
body[data-skin="unicity"] .op-compare-note{font-style:normal;font-family:var(--font-body);font-size:14px}
body[data-skin="unicity"] .op-vs{
  font-family:var(--font-display);font-weight:800;
  font-size:.5em;color:var(--u-coral);
  letter-spacing:0;text-transform:lowercase;
}

/* ─── CÓMO FUNCIONA — dark, big bold step nums ─── */
body[data-skin="unicity"] .section.dark{background:var(--u-navy)}
body[data-skin="unicity"] .op-how{background:var(--u-navy)}
body[data-skin="unicity"] .op-step{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
}
body[data-skin="unicity"] .op-step-num{
  font-family:var(--font-display);font-weight:800;
  font-size:48px;letter-spacing:-0.04em;color:var(--u-coral);
  text-transform:none;line-height:1;
}
body[data-skin="unicity"] .op-step h3{
  font-family:var(--font-display);font-weight:700;
  font-size:22px;color:#fff;letter-spacing:-0.02em;
}
body[data-skin="unicity"] .op-step-final{
  background:linear-gradient(160deg,rgba(242,112,97,.16),rgba(242,112,97,.04));
  border-color:rgba(242,112,97,.3);
}
body[data-skin="unicity"] .op-step-tag{
  font-family:var(--font-body);letter-spacing:0;text-transform:none;
  font-size:12px;color:rgba(255,255,255,.5);font-weight:500;
}
body[data-skin="unicity"] .op-how-quote p{
  font-family:var(--font-display);font-weight:800;
  font-style:normal !important;
  font-size:clamp(28px,3.6vw,48px);
  line-height:1.0;letter-spacing:-0.035em;color:#fff;
}
body[data-skin="unicity"] .op-how-quote p em{
  color:var(--u-coral);font-style:normal !important;font-weight:800;
}
body[data-skin="unicity"] .op-how-quote cite{
  font-family:var(--font-body);letter-spacing:0;text-transform:none;
  font-size:13px;color:rgba(255,255,255,.5);
}

/* ═══════════════════════════════════════════════════════════════
   EARNINGS — el bloque firma de Unicity (coral background)
   ═══════════════════════════════════════════════════════════════ */
body[data-skin="unicity"] .op-earnings{
  background:var(--u-coral) !important;
  color:var(--u-navy);
  padding:120px 0;
  position:relative;
}
body[data-skin="unicity"] .op-earnings .eyebrow{color:rgba(15,25,47,.7)}
body[data-skin="unicity"] .op-earnings .section-head h2{color:var(--u-navy)}
body[data-skin="unicity"] .op-earnings .section-head h2 em{
  color:var(--u-navy) !important;
  font-style:normal !important;
  position:relative;display:inline-block;
}
body[data-skin="unicity"] .op-earnings .section-head h2 em::after{
  content:"";position:absolute;left:0;right:0;bottom:.04em;height:.12em;
  background:rgba(15,25,47,.2);border-radius:4px;
}
body[data-skin="unicity"] .op-earnings .lead{
  color:rgba(15,25,47,.78);max-width:62ch;margin-left:auto;margin-right:auto;
}
body[data-skin="unicity"] .op-earnings .lead strong{color:var(--u-navy);font-weight:700}

/* Earn cards — white on coral */
body[data-skin="unicity"] .op-earnings-grid{
  grid-template-columns:repeat(4,1fr);gap:18px;
  margin-bottom:56px;
}
@media(max-width:960px){body[data-skin="unicity"] .op-earnings-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){body[data-skin="unicity"] .op-earnings-grid{grid-template-columns:1fr}}

body[data-skin="unicity"] .op-earn-card{
  background:#fff !important;
  border:1px solid rgba(15,25,47,.1) !important;
  border-radius:14px;
  padding:28px 26px 26px;
  position:relative;
}
body[data-skin="unicity"] .op-earn-card::before{
  content:"";display:block;width:44px;height:44px;border-radius:10px;
  background:rgba(15,25,47,.04);
  border:1.5px solid rgba(15,25,47,.18);
  margin-bottom:18px;
  background-image:var(--u-icon, none);
  background-position:center;background-size:22px 22px;background-repeat:no-repeat;
}
body[data-skin="unicity"] .op-earn-card .op-earn-mark{
  position:absolute;top:24px;right:20px;
  font-family:var(--font-body);font-weight:500;
  font-size:10px;letter-spacing:.04em;text-transform:uppercase;
  color:#6b7385;background:transparent;padding:0;
}
body[data-skin="unicity"] .op-earn-h{
  font-family:var(--font-display);font-weight:800;
  font-size:22px;color:var(--u-navy);
  letter-spacing:-0.025em;line-height:1.1;margin:0 0 10px;
}
body[data-skin="unicity"] .op-earn-card p{
  font-family:var(--font-body);font-size:14px;line-height:1.55;color:#3b4252;
}
body[data-skin="unicity"] .op-earn-card p strong{color:var(--u-navy);font-weight:700}

/* Card-specific icons (SVG inline as data-uri) */
body[data-skin="unicity"] .op-earn-card:nth-child(1)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F192F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h18M3 7v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7M3 7l3-3h12l3 3'/%3E%3Cpath d='M12 12v3'/%3E%3Ccircle cx='12' cy='10' r='1'/%3E%3C/svg%3E");
}
body[data-skin="unicity"] .op-earn-card:nth-child(2)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F192F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M4 21c0-3.5 3.5-6 8-6s8 2.5 8 6'/%3E%3Ctext x='15' y='10' font-size='4' font-weight='700' fill='%230F192F' stroke='none'%3E%25%3C/text%3E%3C/svg%3E");
}
body[data-skin="unicity"] .op-earn-card:nth-child(3)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F192F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='3.5'/%3E%3Cpath d='M5 20c0-3 3-5 7-5s7 2 7 5'/%3E%3Cpath d='M9 8s.5 1.5 3 1.5S15 8 15 8'/%3E%3Cpath d='M9.5 8.5l-.7-.7M14.5 8.5l.7-.7'/%3E%3C/svg%3E");
}
body[data-skin="unicity"] .op-earn-card:nth-child(4)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F192F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M21 21l-4-4'/%3E%3Cpath d='M9 11l1.5 1.5L13 10'/%3E%3C/svg%3E");
}

/* Stamp badge on referidos card (3rd) */
body[data-skin="unicity"] .op-earn-card:nth-child(3){overflow:visible}
body[data-skin="unicity"] .op-earn-card:nth-child(3)::after{
  content:"";
  position:absolute;top:-22px;right:-22px;
  width:96px;height:96px;
  background:var(--u-navy);
  /* 12-point star */
  clip-path:polygon(50% 0%,58% 12%,72% 7%,74% 22%,89% 23%,84% 37%,98% 43%,88% 55%,98% 67%,84% 73%,89% 87%,74% 88%,72% 103%,58% 98%,50% 110%,42% 98%,28% 103%,26% 88%,11% 87%,16% 73%,2% 67%,12% 55%,2% 43%,16% 37%,11% 23%,26% 22%,28% 7%,42% 12%);
  display:flex;align-items:center;justify-content:center;
  transform:rotate(-12deg);
  z-index:2;
}
body[data-skin="unicity"] .op-earn-card:nth-child(3) .op-earn-stamp{
  position:absolute;top:-22px;right:-22px;width:96px;height:96px;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:800;
  font-size:11px;line-height:1.05;color:#fff;
  text-align:center;letter-spacing:0;
  transform:rotate(-12deg);
  pointer-events:none;z-index:3;padding:18px 14px;
}
body[data-skin="unicity"] .op-earn-card:nth-child(3) .op-earn-stamp b{
  font-size:18px;font-weight:900;display:block;color:var(--u-peach);
}

/* Detail block on earnings — slot into cream block below */
body[data-skin="unicity"] .op-earnings-detail{
  background:rgba(15,25,47,.06);
  border:1px solid rgba(15,25,47,.1);
  border-radius:16px;
}
body[data-skin="unicity"] .op-detail-h{
  font-family:var(--font-display);font-weight:800;font-size:22px;
  color:var(--u-navy);
}
body[data-skin="unicity"] .op-detail-mark{
  font-family:var(--font-body);font-weight:500;
  text-transform:none;letter-spacing:0;font-size:12px;
  background:rgba(15,25,47,.08);color:var(--u-navy);border-color:transparent;
}
body[data-skin="unicity"] .op-detail-block{
  background:#fff;border-radius:12px;border-color:rgba(15,25,47,.08);
}
body[data-skin="unicity"] .op-detail-cat{
  font-family:var(--font-body);font-weight:700;
  text-transform:none;letter-spacing:0;font-size:13px;color:var(--u-navy);
}
body[data-skin="unicity"] .op-detail-eq strong{font-family:var(--font-display);font-weight:800}
body[data-skin="unicity"] .op-detail-note{
  font-family:var(--font-body);font-style:normal;color:#6b7385;
}

/* ═══════════════════════════════════════════════════════════════
   SUPPORT — segundo bloque firma (navy + dark cards)
   "Tú compartes. Nosotros nos encargamos del resto."
   ═══════════════════════════════════════════════════════════════ */
body[data-skin="unicity"] .op-support{
  background:var(--u-navy) !important;
  color:#fff;
  padding:120px 0;
}
body[data-skin="unicity"] .op-support .eyebrow{color:var(--u-peach)}
body[data-skin="unicity"] .op-support .section-head h2{color:#fff}
body[data-skin="unicity"] .op-support .section-head h2 em{color:var(--u-coral) !important}
body[data-skin="unicity"] .op-support .lead{color:rgba(255,255,255,.7)}

body[data-skin="unicity"] .op-sup-card{
  background:var(--u-navy-card) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:14px;
  color:#fff;
  padding:28px 26px;
}
body[data-skin="unicity"] .op-sup-card:hover{
  background:#1d2a48 !important;
  transform:translateY(-3px);
  box-shadow:none;
}
body[data-skin="unicity"] .op-sup-large{
  grid-column:span 2;
  background:linear-gradient(160deg,rgba(242,112,97,.14),var(--u-navy-card)) !important;
  border:1px solid rgba(242,112,97,.3) !important;
}
body[data-skin="unicity"] .op-sup-icon{
  width:44px;height:44px;border-radius:10px;
  background:rgba(255,255,255,.04) !important;
  border:1.5px solid rgba(255,255,255,.14);
  color:#fff;font-size:20px;
  margin-bottom:18px;
}
body[data-skin="unicity"] .op-sup-large .op-sup-icon{
  background:rgba(242,112,97,.15) !important;
  border-color:rgba(242,112,97,.4);
}
body[data-skin="unicity"] .op-sup-card h3{
  font-family:var(--font-display);font-weight:700;
  font-size:18px;color:#fff;letter-spacing:-0.02em;
  line-height:1.2;
}
body[data-skin="unicity"] .op-sup-large h3{font-size:24px}
body[data-skin="unicity"] .op-sup-card p{
  font-family:var(--font-body);color:rgba(255,255,255,.66);
  font-size:14px;line-height:1.55;
}
body[data-skin="unicity"] .op-sup-card p strong{color:#fff;font-weight:600}
body[data-skin="unicity"] .op-sup-meta{
  font-family:var(--font-body);letter-spacing:0;text-transform:none;
  font-size:12px;color:rgba(255,255,255,.45);font-weight:500;
  border-top-color:rgba(255,255,255,.08);
}

/* ─── PROFILE (perfil ideal) ─── */
body[data-skin="unicity"] .op-profile{background:var(--u-navy)}
body[data-skin="unicity"] .op-prof-col{
  background:var(--u-navy-card) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  border-radius:16px;
}
body[data-skin="unicity"] .op-prof-good{
  background:linear-gradient(160deg,rgba(125,211,167,.12),var(--u-navy-card)) !important;
  border-color:rgba(125,211,167,.28) !important;
}
body[data-skin="unicity"] .op-prof-bad{
  background:linear-gradient(160deg,rgba(229,57,53,.1),var(--u-navy-card)) !important;
  border-color:rgba(229,57,53,.25) !important;
}
body[data-skin="unicity"] .op-prof-head h3{
  font-family:var(--font-display);font-weight:800;color:#fff;font-size:24px;
}
body[data-skin="unicity"] .op-prof-list li{color:rgba(255,255,255,.7);font-size:14px}
body[data-skin="unicity"] .op-prof-list li strong{color:#fff}
body[data-skin="unicity"] .op-profile-note{
  font-style:normal;font-family:var(--font-body);color:rgba(255,255,255,.55);
}

/* ─── MAP ─── */
body[data-skin="unicity"] .op-map{background:var(--u-cream)}
body[data-skin="unicity"] .op-map-region{
  background:#fff;border-color:rgba(15,25,47,.06);
  border-radius:14px;
}
body[data-skin="unicity"] .op-map-region h4{
  font-family:var(--font-display);font-weight:800;color:var(--u-navy);
}
body[data-skin="unicity"] .op-map-stat{
  background:#fff;
  border-color:rgba(15,25,47,.08);
  border-radius:14px;
}
body[data-skin="unicity"] .op-map-stat b{
  font-family:var(--font-display);font-weight:900;
  font-size:clamp(36px,4.4vw,52px);color:var(--u-coral);
  letter-spacing:-0.035em;
}
body[data-skin="unicity"] .op-map-stat span{
  font-family:var(--font-body);letter-spacing:0;text-transform:none;
  font-size:12.5px;color:#6b7385;font-weight:500;
}
body[data-skin="unicity"] .op-soon{
  font-family:var(--font-body);font-weight:600;letter-spacing:0;
  font-size:10px;text-transform:uppercase;
  background:var(--u-peach);color:#6b3a00;border-radius:4px;
}
body[data-skin="unicity"] .op-map-note{font-style:normal;font-family:var(--font-body)}

/* ─── TESTIMONIOS ─── */
body[data-skin="unicity"] .op-testimonials{background:#f1eadc}
body[data-skin="unicity"] .op-test-card{
  background:#fff;border-color:rgba(15,25,47,.08);
  border-radius:18px;
}
body[data-skin="unicity"] .op-test-featured{
  background:#fff;
  border:2px solid var(--u-coral) !important;
}
body[data-skin="unicity"] .op-test-quote{
  font-family:var(--font-display) !important;
  font-style:normal !important;
  font-weight:700;
  font-size:17px;line-height:1.3;
  letter-spacing:-0.02em;
  color:var(--u-navy);
}
body[data-skin="unicity"] .op-test-featured .op-test-quote{font-size:22px}
body[data-skin="unicity"] .op-test-quote strong{
  color:var(--u-coral) !important;
  font-weight:800 !important;
}
body[data-skin="unicity"] .op-test-quote-mark{
  font-family:var(--font-display);font-weight:900;
  color:var(--u-coral);opacity:.9;font-size:56px;line-height:.8;
  top:18px;left:24px;
}
body[data-skin="unicity"] .op-test-foot strong{
  font-family:var(--font-body);font-weight:700;
  letter-spacing:0;color:var(--u-navy);
}
body[data-skin="unicity"] .op-test-foot span{font-family:var(--font-body);font-size:12.5px}
body[data-skin="unicity"] .op-test-badge{
  font-family:var(--font-body);font-weight:600;
  text-transform:none;letter-spacing:0;
  font-size:11px;background:rgba(242,112,97,.1);
  color:var(--u-coral-deep);border-color:rgba(242,112,97,.25);
  border-radius:999px;
}
body[data-skin="unicity"] .op-test-disclaimer{
  font-style:normal;font-family:var(--font-body);
}

/* ─── FAQ ─── */
body[data-skin="unicity"] .op-faq{background:var(--u-cream)}
body[data-skin="unicity"] .op-faq-item{
  background:#fff;border-color:rgba(15,25,47,.08);
  border-radius:14px;
}
body[data-skin="unicity"] .op-faq-item summary{
  font-family:var(--font-display);font-weight:700;
  font-size:18px;color:var(--u-navy);
  letter-spacing:-0.02em;line-height:1.25;
}
body[data-skin="unicity"] .op-faq-ic{
  font-family:var(--font-display);font-weight:600;
  color:var(--u-coral);font-size:28px;
}
body[data-skin="unicity"] .op-faq-a{
  font-family:var(--font-body);font-size:14.5px;color:#3b4252;
}
body[data-skin="unicity"] .op-faq-a a{color:var(--u-coral)}
body[data-skin="unicity"] .op-faq-more{font-style:normal;font-family:var(--font-body)}
body[data-skin="unicity"] .op-faq-more a{color:var(--u-coral);font-weight:700}

/* ─── APPLY ─── */
body[data-skin="unicity"] .op-apply{background:var(--u-navy)}
body[data-skin="unicity"] .op-apply-left h2{font-weight:900;color:#fff}
body[data-skin="unicity"] .op-apply-left h2 em{
  color:var(--u-peach) !important;
  font-style:normal !important;font-weight:900 !important;
}
body[data-skin="unicity"] .op-apply-promises li{color:rgba(255,255,255,.7)}
body[data-skin="unicity"] .op-apply-quote{
  font-family:var(--font-display) !important;
  font-style:normal !important;font-weight:700;
  font-size:20px;line-height:1.25;
  color:#fff;letter-spacing:-0.02em;
  border-left:3px solid var(--u-coral);
}
body[data-skin="unicity"] .op-apply-quote em{
  color:var(--u-peach) !important;font-style:normal !important;font-weight:800;
}

body[data-skin="unicity"] .op-form{
  border-radius:18px;
}
body[data-skin="unicity"] .op-form-h{
  font-family:var(--font-display);font-weight:800;font-size:26px;
  color:var(--u-navy);
}
body[data-skin="unicity"] .op-form-sub{font-family:var(--font-body)}
body[data-skin="unicity"] .op-form-label > span{
  font-family:var(--font-body);font-weight:600;
  text-transform:none;letter-spacing:0;font-size:13px;color:var(--u-navy);
}
body[data-skin="unicity"] .op-form-label input,
body[data-skin="unicity"] .op-form-label select,
body[data-skin="unicity"] .op-form-label textarea{
  border-radius:10px;border-color:rgba(15,25,47,.15);
  font-family:var(--font-body);font-size:14.5px;
}
body[data-skin="unicity"] .op-form-radios legend{
  font-family:var(--font-body);font-weight:600;text-transform:none;
  letter-spacing:0;font-size:13px;color:var(--u-navy);
}
body[data-skin="unicity"] .op-form-radios label{
  border-radius:10px;font-family:var(--font-body);
}

/* ─── FINAL CTA ─── */
body[data-skin="unicity"] .op-cta-final{
  background:var(--u-cream);
  border-top:1px solid rgba(15,25,47,.06);
}
body[data-skin="unicity"] .op-cta-final h2{color:var(--u-navy);font-weight:900}
body[data-skin="unicity"] .op-cta-final h2 em{
  color:var(--u-coral) !important;font-style:normal !important;
}
body[data-skin="unicity"] .op-final-micro{
  font-family:var(--font-body);letter-spacing:0;text-transform:none;
  font-size:13px;color:#6b7385;
}

/* ─── FOOTER ─── */
body[data-skin="unicity"] .footer{background:var(--u-navy)}
body[data-skin="unicity"] .footer h4{
  font-family:var(--font-display);font-weight:700;
  color:#fff;font-size:14px;letter-spacing:-0.01em;
  text-transform:none;
}
body[data-skin="unicity"] .footer a,
body[data-skin="unicity"] .footer-bottom span,
body[data-skin="unicity"] .footer-disclaimer,
body[data-skin="unicity"] .footer-brand p{
  font-family:var(--font-body);
}

/* ─── TWEAKS PANEL — match Unicity ─── */
body[data-skin="unicity"] .tweaks-panel{
  border-radius:14px;border-color:rgba(15,25,47,.1);
}
body[data-skin="unicity"] .tw-title{
  font-family:var(--font-display);font-weight:800;
}
body[data-skin="unicity"] .tw-label{
  font-family:var(--font-body);font-weight:600;
  letter-spacing:0;text-transform:none;font-size:11px;color:#6b7385;
}
body[data-skin="unicity"] .tw-radio button{
  border-radius:8px;font-family:var(--font-body);
}
body[data-skin="unicity"] .tw-switch.on{background:var(--u-coral)}

/* ─── Mobile menu ─── */
body[data-skin="unicity"] .mob-link{
  font-family:var(--font-display);font-weight:800;font-size:36px;
  letter-spacing:-0.03em;
}