/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here...Remember to change the Version number above! */

/* ==========================================================================
   DISEÑO PREMIUM - BOTONES Y COMPONENTES
   ========================================================================== */

/* Color Principal: #E32526 (Rojo UFM) */

.btn-danger, .btn-archivo {
    background-color: #E32526 !important;
    border-color: #E32526 !important;
    color: #fff !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 6px;
    padding: 10px 24px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.btn-danger:hover, .btn-archivo:hover {
    background-color: #c41e1f !important;
    border-color: #c41e1f !important;
    box-shadow: 0 4px 12px rgba(227, 37, 38, 0.3);
    transform: translateY(-1px);
}

.btn-gris {
    background-color: #707070 !important;
    border-color: #707070 !important;
    color: #fff !important;
    border-radius: 6px;
    padding: 8px 20px;
    transition: all 0.3s ease;
}

.btn-gris:hover {
    background-color: #555 !important;
    border-color: #555 !important;
}

/* Paginación Bootstrap 4 */
.pagination {
    list-style: none !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
}

.pagination .page-item {
    list-style: none !important;
}

.pagination .page-item .page-link {
    color: #707070;
    border: 1px solid #dee2e6;
    margin: 0 3px;
    border-radius: 5px !important;
    transition: all 0.3s ease;
    padding: 8px 16px;
}

.pagination .page-item.active .page-link {
    background-color: #E32526 !important;
    border-color: #E32526 !important;
    color: #fff !important;
    box-shadow: 0 4px 8px rgba(227, 37, 38, 0.2);
}

.pagination .page-item .page-link:hover {
    background-color: #f8f9fa;
    color: #E32526;
    border-color: #E32526;
}

.pagination .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}

/* Ajustes generales */
.imagen_gris img {
    transition: filter 0.5s ease;
}

.imagen_gris img:hover {
    filter: none !important;
}