/* ---------- /suscribete/ ---------- */
.opr-ct-alta{background:var(--fondo) !important}
.opr-ct-alta .opr-ct-lado{
  background:var(--p950) !important; color:var(--p100) !important; border-radius:var(--radio) !important;
  padding:clamp(24px,3vw,34px) !important; box-shadow:var(--sombra-s) !important;
}
.opr-ct-alta .opr-ct-lado .opr-h3{color:#fff !important}
.opr-ct-alta .opr-ct-lado .opr-ct-lista li{color:var(--p300) !important}
.opr-ct-alta .opr-ct-lado .opr-ct-lista b{color:#fff !important}
.opr-ct-alta .opr-ct-lado .opr-ct-marca{background:rgba(255,255,255,.12) !important}
.opr-ct-alta .opr-ct-lado .opr-ct-marca::after{border-color:#fff !important}
.opr-ct-alta .opr-ct-lado-pie{
  margin-top:26px !important; padding-top:20px !important; border-top:1px solid rgba(255,255,255,.14) !important;
  display:flex !important; flex-direction:column !important; gap:14px !important; align-items:flex-start !important;
}
.opr-ct-alta .opr-ct-lado-pie .opr-nota{color:var(--p400) !important}
/* sobre fondo oscuro el secundario se invierte, como en .es-noche */
.opr-ct-alta .opr-ct-lado-pie .opr-btn-2{color:var(--p100) !important; box-shadow:inset 0 0 0 1.5px var(--p700) !important}
.opr-ct-alta .opr-ct-lado-pie .opr-btn-2:hover{background:var(--p900) !important; box-shadow:inset 0 0 0 1.5px var(--p600) !important}
/* en móvil el formulario va primero: el lado explica, no pide nada */
@media (max-width:900px){
  .opr-ct-alta .opr-ct-lado{order:2 !important}
}