/* ============================================================
   SISTEMA DE COR DE CTA — compartilhado por todas as landing
   pages em /lp (referenciado uma unica vez em MasterLanding.Master,
   que e usada exclusivamente pelas paginas dentro de /lp).

   Regra: vinho e cor de SUPERFICIE, amarelo e cor de ACAO.

   O tema ja usa, de forma consistente em quase todas as LPs, duas
   classes para a mesma acao de conversao (".button-red" e
   ".button-white.button-light" sem ".button-border") e uma
   variante de contorno para acao secundaria (com ".button-border").
   Este arquivo recolore a acao primaria para o amarelo de acao —
   sem editar style.css, colors.css, buttons.css ou custom.css, que
   continuam servindo o restante do site normalmente.

   Escopo: seletores presos a #wrapper, que só existe nas páginas
   que herdam MasterLanding.Master. Nenhuma pagina fora de /lp e
   afetada.
   ============================================================ */

#wrapper {
    --lp-action-from: #FFD43B;
    --lp-action-to: #F0B400;
    --lp-action-text: #5A0C0C;
    --lp-whatsapp-text: #0A3D22;
}

#wrapper a.button.button-red:not(.button-border),
#wrapper button.button-red:not(.button-border),
#wrapper a.button.button-white.button-light:not(.button-border),
#wrapper button.button-white.button-light:not(.button-border) {
    background: linear-gradient(135deg, var(--lp-action-from) 0%, var(--lp-action-to) 100%) !important;
    background-color: var(--lp-action-from) !important;
    color: var(--lp-action-text) !important;
    font-weight: 800 !important;
    text-shadow: none !important;
    box-shadow: 0 0 0 1px rgba(90,12,12,.55), 0 6px 22px rgba(240,180,0,.38), 0 1px 3px rgba(0,0,0,.12);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

#wrapper a.button.button-red:not(.button-border) span,
#wrapper a.button.button-red:not(.button-border) i,
#wrapper button.button-red:not(.button-border) span,
#wrapper button.button-red:not(.button-border) i,
#wrapper a.button.button-white.button-light:not(.button-border) span,
#wrapper a.button.button-white.button-light:not(.button-border) i,
#wrapper button.button-white.button-light:not(.button-border) span,
#wrapper button.button-white.button-light:not(.button-border) i {
    color: var(--lp-action-text) !important;
    text-shadow: none !important;
}

#wrapper a.button.button-red:not(.button-border):hover,
#wrapper a.button.button-red:not(.button-border):focus,
#wrapper button.button-red:not(.button-border):hover,
#wrapper button.button-red:not(.button-border):focus,
#wrapper a.button.button-white.button-light:not(.button-border):hover,
#wrapper a.button.button-white.button-light:not(.button-border):focus,
#wrapper button.button-white.button-light:not(.button-border):hover,
#wrapper button.button-white.button-light:not(.button-border):focus {
    background: linear-gradient(135deg, #ffe066 0%, var(--lp-action-from) 100%) !important;
    color: #4A0808 !important;
    box-shadow: 0 0 0 1px rgba(90,12,12,.65), 0 10px 28px rgba(240,180,0,.55), 0 1px 3px rgba(0,0,0,.12) !important;
    text-decoration: none;
}

#wrapper a.button.button-red:not(.button-border):hover span,
#wrapper a.button.button-red:not(.button-border):hover i,
#wrapper a.button.button-red:not(.button-border):focus span,
#wrapper a.button.button-red:not(.button-border):focus i,
#wrapper button.button-red:not(.button-border):hover span,
#wrapper button.button-red:not(.button-border):hover i,
#wrapper button.button-red:not(.button-border):focus span,
#wrapper button.button-red:not(.button-border):focus i,
#wrapper a.button.button-white.button-light:not(.button-border):hover span,
#wrapper a.button.button-white.button-light:not(.button-border):hover i,
#wrapper a.button.button-white.button-light:not(.button-border):focus span,
#wrapper a.button.button-white.button-light:not(.button-border):focus i,
#wrapper button.button-white.button-light:not(.button-border):hover span,
#wrapper button.button-white.button-light:not(.button-border):hover i,
#wrapper button.button-white.button-light:not(.button-border):focus span,
#wrapper button.button-white.button-light:not(.button-border):focus i {
    color: #4A0808 !important;
}