/* ============================================
   DYKANPROJECT - Fix botones gold = fondo dorado
   Selectores especificos: button y a (Links)
   ============================================ */
/* Botones (button element) con clase gold-glow */
button.gold-glow {
    background: linear-gradient(135deg, #e5b743, #d7a31d) !important;
    color: #121212 !important;
    -webkit-text-fill-color: #121212 !important;
    border-color: transparent !important;
    cursor: pointer;
}

button.gold-glow:hover {
    background: linear-gradient(135deg, #eac362, #e2af2c) !important;
    box-shadow: 0 0 30px rgba(226,175,44,0.5), 0 0 80px rgba(226,175,44,0.2);
}

/* Links (a element) con borde dorado - navbar ACCESO CLIENTES */
a.border-gold {
    background: linear-gradient(135deg, #e5b743, #d7a31d) !important;
    color: #121212 !important;
    -webkit-text-fill-color: #121212 !important;
    border-color: transparent !important;
}

a.border-gold:hover {
    background: linear-gradient(135deg, #eac362, #e2af2c) !important;
}

/* ============ REDIRECCION BOTONES PAGO ============ */
/*
   IMPORTANTE: Para que la redireccion funcione, agregamos un script en index.html
   que capture los clicks en estos botones especificos.
*/

/* Estilos para que se sientan como botones de accion */
[class*="CONTRATAR"], [class*="SUSCRIBIR"] {
    cursor: pointer !important;
}

/* ============ OCULTAR SECCION ESCALERA DE VALOR ============ */
#escalera,
section#escalera,
div#escalera,
[id="escalera"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ============ BOTON CHAT FLOTANTE - ICONO MENSAJE ============ */
#dykan-chat-btn img { display: none !important; }
#dykan-chat-btn > *:not(::after) { display: none !important; }
#dykan-chat-btn {
    position: fixed;
    bottom: 28px;
    right: 24px;
    z-index: 9999;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e5b743, #c9961a);
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(229,183,67,.5);
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: transform .2s, box-shadow .2s;
    padding: 0;
    overflow: hidden;
}
#dykan-chat-btn:hover { transform: scale(1.08); box-shadow: 0 6px 28px rgba(229,183,67,.7); }
#dykan-chat-btn::before {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    background: #121212;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z'/%3E%3C/svg%3E") no-repeat center / contain;
    flex-shrink: 0;
}
#dykan-chat-btn > * { display: none !important; }