.elementor-6925 .elementor-element.elementor-element-8735b54{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}/* Start custom CSS *//* === ESTILOS PARA BOTONES PERSONALIZADOS === */

/* Botón WhatsApp (Verde) */
.acf-table-container .whatsapp-btn {
    display: inline-block;
    padding: 10px 20px;
    background: #25D366;
    color: white !important;
    text-decoration: none;
    border-radius: 25px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(37, 211, 102, 0.3);
    position: relative;
    overflow: hidden;
}

.acf-table-container .whatsapp-btn:hover {
    background: #128C7E;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
    color: white !important;
}

.acf-table-container .whatsapp-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(37, 211, 102, 0.3);
}

/* Botón Primario (Azul) */
.acf-table-container .primary-btn {
    display: inline-block;
    padding: 10px 20px;
    background: linear-gradient(135deg, #0073aa, #005a87);
    color: white !important;
    text-decoration: none;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 115, 170, 0.3);
}

.acf-table-container .primary-btn:hover {
    background: linear-gradient(135deg, #005a87, #004466);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 115, 170, 0.4);
    color: white !important;
}

/* Botón Secundario (Gris) */
.acf-table-container .secondary-btn {
    display: inline-block;
    padding: 10px 20px;
    background: #6c757d;
    color: white !important;
    text-decoration: none;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(108, 117, 125, 0.3);
}

.acf-table-container .secondary-btn:hover {
    background: #5a6268;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.4);
    color: white !important;
}

/* Botón Éxito (Verde alternativo) */
.acf-table-container .success-btn {
    display: inline-block;
    padding: 10px 20px;
    background: linear-gradient(135deg, #28a745, #218838);
    color: white !important;
    text-decoration: none;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
}

.acf-table-container .success-btn:hover {
    background: linear-gradient(135deg, #218838, #1e7e34);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
    color: white !important;
}

/* Botón Peligro (Rojo) */
.acf-table-container .danger-btn {
    display: inline-block;
    padding: 10px 20px;
    background: linear-gradient(135deg, #dc3545, #c82333);
    color: white !important;
    text-decoration: none;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3);
}

.acf-table-container .danger-btn:hover {
    background: linear-gradient(135deg, #c82333, #bd2130);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.4);
    color: white !important;
}

/* Botón con icono de WhatsApp */
.acf-table-container .whatsapp-btn.with-icon {
    padding-left: 45px;
    position: relative;
}

.acf-table-container .whatsapp-btn.with-icon:before {
    content: "💬";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
}

/* Botón pequeño */
.acf-table-container .btn-small {
    padding: 6px 12px;
    font-size: 12px;
}

/* Botón grande */
.acf-table-container .btn-large {
    padding: 14px 28px;
    font-size: 16px;
}

/* Botón con sombra más pronunciada */
.acf-table-container .btn-shadow {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.acf-table-container .btn-shadow:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2) !important;
}

/* Botón con borde */
.acf-table-container .btn-outline {
    background: transparent !important;
    border: 2px solid;
    color: #0073aa !important;
}

.acf-table-container .btn-outline.whatsapp-btn {
    border-color: #25D366;
    color: #25D366 !important;
}

.acf-table-container .btn-outline.whatsapp-btn:hover {
    background: #25D366 !important;
    color: white !important;
}

.acf-table-container .btn-outline.primary-btn {
    border-color: #0073aa;
    color: #0073aa !important;
}

.acf-table-container .btn-outline.primary-btn:hover {
    background: #0073aa !important;
    color: white !important;
}

/* Efectos de hover adicionales */
.acf-table-container .btn-pulse:hover {
    animation: pulse 0.6s infinite alternate;
}

@keyframes pulse {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.05);
    }
}

/* Asegurar que los textos sean blancos */
.acf-table-container .whatsapp-btn,
.acf-table-container .primary-btn,
.acf-table-container .secondary-btn,
.acf-table-container .success-btn,
.acf-table-container .danger-btn {
    color: white !important;
    text-decoration: none !important;
}

/* Estilos para enlaces dentro de botones */
.acf-table-container .whatsapp-btn a,
.acf-table-container .primary-btn a,
.acf-table-container .secondary-btn a,
.acf-table-container .success-btn a,
.acf-table-container .danger-btn a {
    color: white !important;
    text-decoration: none !important;
}/* End custom CSS */