/* =========================================================
   OPOSIPLUS · Marca unificada web pública
   Negro + dorado + crema. Sin verde neón.
   Se carga encima del CSS existente para igualar toda la web.
   ========================================================= */
:root{
  --opx-black:#050505;
  --opx-black-2:#090909;
  --opx-ink:#0d0d0d;
  --opx-panel:#141414;
  --opx-panel-2:#1b1a17;
  --opx-gold:#f5c518;
  --opx-gold-2:#d99a00;
  --opx-gold-3:#fff0a6;
  --opx-cream:#fff7e6;
  --opx-soft:#d8cec0;
  --opx-muted:#9b9286;
  --opx-line:rgba(245,197,24,.24);
  --opx-line-soft:rgba(255,255,255,.08);
  --opx-shadow:0 28px 90px rgba(0,0,0,.46);
  --opx-radius:26px;
}

html{scroll-behavior:smooth;}
body{
  background:
    radial-gradient(circle at 78% 0%,rgba(245,197,24,.13),transparent 34%),
    radial-gradient(circle at 5% 18%,rgba(245,197,24,.055),transparent 30%),
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(180deg,var(--opx-black),#080806 58%,#030303)!important;
  background-size:auto,auto,42px 42px,42px 42px,auto!important;
  color:var(--opx-cream)!important;
}

a{color:var(--opx-gold-3);} 
a:hover{color:#fff;}
::selection{background:rgba(245,197,24,.32);color:#fff;}

/* Header unificado */
.site-header,.opx-header,header.opx-header,header.site-header,.opdl-top{
  background:rgba(5,5,5,.88)!important;
  border-bottom:1px solid var(--opx-line-soft)!important;
  backdrop-filter:blur(18px);
}
.brand strong,.brand span,.opx-logo span,.opdl-brand span,.footer-brand span{
  color:var(--opx-cream)!important;
}
.brand em,.opx-logo em,.opdl-brand small{
  color:var(--opx-gold)!important;
}
.nav-links a,.opx-links a,.site-header nav a,.opx-header nav a{
  color:rgba(255,247,230,.72)!important;
}
.nav-links a:hover,.opx-links a:hover,.site-header nav a:hover,.opx-header nav a:hover{
  color:var(--opx-gold)!important;
}

/* Textos */
h1,h2,h3,h4,.title{
  color:var(--opx-cream)!important;
  text-wrap:balance;
}
p,li,.lead,.opx-lead,.opdl-lead,.subtitle{
  color:var(--opx-soft)!important;
}
small,.tiny,.legalNote,.opx-note,.sourceNote{
  color:var(--opx-muted)!important;
}
.eyebrow,.opx-eyebrow,.opdl-pill,.tag,.pill,.opx-pill{
  color:var(--opx-gold)!important;
  border-color:var(--opx-line)!important;
  background:rgba(245,197,24,.07)!important;
}

/* Botones: oro solo para acción importante */
.btn.primary,.opx-btn.primary,.opdl-play,.opx-header-cta,.header-actions .primary,
a.primary,button.primary,.sticky-cta a:first-child,.opx-sticky-cta a:first-child{
  background:linear-gradient(135deg,#fff1a8 0%,var(--opx-gold) 42%,var(--opx-gold-2) 100%)!important;
  color:#070707!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 18px 48px rgba(245,197,24,.20)!important;
}
.btn.ghost,.btn.secondary,.opx-btn.ghost,.opdl-secondary,.header-actions .ghost,.opx-sticky-cta a:last-child,.sticky-cta a:last-child{
  background:rgba(20,20,20,.72)!important;
  color:var(--opx-cream)!important;
  border:1px solid rgba(245,197,24,.26)!important;
}
.btn,.opx-btn,.opdl-play,.opdl-secondary{
  text-transform:uppercase;
  font-weight:950;
  letter-spacing:.04em;
}

/* Tarjetas y paneles */
.card,.feature-card,.post-card,.articleCard,.opx-card,.opx-panel,.hero-panel,.opx-hero-card,.heroCard,.panel,.service,.ctaBox,
.opdl-device,.opdl-card,.opdl-proof article,.opx-lead-form,.loginMock,.toc,.faq details,.article-callout{
  background:linear-gradient(180deg,rgba(25,25,25,.94),rgba(8,8,8,.96))!important;
  border:1px solid rgba(245,197,24,.16)!important;
  box-shadow:var(--opx-shadow)!important;
}
.metric-grid div,.opdl-bars div,.opdl-method span{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.score-card strong,.opdl-card strong,.feature-card b,.post-card b,.opx-kpi strong{
  color:var(--opx-gold)!important;
}

/* Reemplazo de verdes/teales neón por oro/crema */
[style*="#24d18f"],[style*="#24D18F"],[style*="#30d6c8"],[style*="#30D6C8"],[style*="#38bdf8"],[style*="#38BDF8"]{
  color:var(--opx-gold)!important;
  border-color:var(--opx-line)!important;
}
.opdl-lead strong,.score-card span,.post-card span,.opdl-card small,.win{
  color:var(--opx-gold)!important;
}
.opdl-bars span::after{
  background:linear-gradient(90deg,var(--opx-gold-3),var(--opx-gold),var(--opx-gold-2))!important;
}

/* Fondos de bandas */
.cta-band,.opx-band,.band,.section.alt{
  background:linear-gradient(135deg,rgba(245,197,24,.13),rgba(255,255,255,.035))!important;
  border-top:1px solid rgba(245,197,24,.14)!important;
  border-bottom:1px solid rgba(245,197,24,.14)!important;
}

/* Botón global Descargar: aparece en toda la web pública */
.opx-global-download{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:54px;
  padding:0 18px;
  border-radius:999px;
  background:linear-gradient(135deg,#fff1a8,var(--opx-gold),var(--opx-gold-2));
  color:#070707!important;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 18px 55px rgba(245,197,24,.28),0 16px 60px rgba(0,0,0,.38);
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:.86rem;
}
.opx-global-download::before{content:'⬇';font-size:1rem;}
.opx-global-download:hover{transform:translateY(-2px);color:#070707!important;}

/* Centrar botoneras/tarjetas de elección en landing de redes */
.opdl-final,.opdl-story,.opdl-choice,.opdl-start,.opx-choice,.opx-start,.choose-start,.start-section{
  text-align:center!important;
}
.opdl-options,.opdl-choice-grid,.opdl-start-grid,.opdl-start-cards,.opx-choice-grid,.opx-start-grid,.choice-grid,.start-grid,.start-cards,
.opdl-proof,.experience-grid,.steps,.feature-grid,.post-grid{
  justify-content:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.opdl-options,.opdl-choice-grid,.opdl-start-grid,.opdl-start-cards,.opx-choice-grid,.opx-start-grid,.choice-grid,.start-grid,.start-cards{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,260px))!important;
  gap:16px!important;
  width:min(920px,100%)!important;
}
.opdl-options article,.opdl-choice-grid article,.opdl-start-grid article,.opdl-start-cards article,.opx-choice-grid article,.opx-start-grid article,.choice-grid article,.start-grid article,.start-cards article{
  text-align:left!important;
}
.opdl-actions,.hero-actions,.cta-actions,.opx-actions{
  align-items:center!important;
}

/* Botoneras horizontales estables */
.nav-links,.opx-links,.blog-filter,.category-tabs,.topic-tabs,.section-tabs,.temario-tabs,.top-actions,.top-nav,.pill-row,.filter-row{
  animation:none!important;
  transform:none!important;
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
}

@media(max-width:920px){
  .opx-global-download{
    right:12px;
    bottom:84px;
    min-height:48px;
    padding:0 15px;
    font-size:.78rem;
  }
  .sticky-cta,.opx-sticky-cta{
    border-color:rgba(245,197,24,.20)!important;
    background:rgba(5,5,5,.88)!important;
  }
}
@media(max-width:560px){
  .opx-global-download{
    left:12px;
    right:12px;
    bottom:78px;
    width:auto;
  }
}