/* TL V2 — Kill Switch (mínimo, no pisa CTAs)
   Propósito: reservar una capa para neutralizar intrusos muy concretos,
   evitando tocar estilos genéricos de enlaces/botones.
*/
@layer killswitch {

/* Intencionalmente vacío por ahora.
   – NO redefinimos a, button, .btn, etc.
   – Si en el futuro detectamos un intruso específico (p.ej. .dashicons visible,
     algún layout admin-bar en público, etc.), lo neutralizamos aquí con
     selectores ultra-específicos.
*/

} /* @layer killswitch */

/* === TLV2 CTA LOCK (kill-switch) === */
/* objetivos: forzar color sólido en desktop y overlay controlado en móvil,
   neutralizando cualquier shorthand `background:` anterior */

@media (min-width: 769px){
  :where(body, .tlv2-page) :is(
    .cta,
    .cta-final-cta,
    .cta-final__btn,
    .btn-cta,
    .cta-desktop,
    [data-cta="hero"],
    [data-section="promesa"] .btn-cta,
    [data-section="cta-final"] .btn-cta
  ){
    background-image: var(--role-cta-overlay-desktop) !important; /* por defecto: none */
    background-color: var(--role-cta-surface, var(--color-primary, #0d6efd)) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
  }
}

@media (max-width: 768px){
  :where(body, .tlv2-page) :is(
    .cta,
    .cta-final-cta,
    .cta-final__btn,
    .btn-cta,
    .cta-desktop,
    [data-cta="hero"],
    [data-section="promesa"] .btn-cta,
    [data-section="cta-final"] .btn-cta
  ){
    background-image: var(--role-cta-overlay-mobile) !important; /* por defecto: gradient suave */
    background-color: var(--role-cta-surface, var(--color-primary, #0d6efd)) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
  }
}