/* LMGA 2026-07-12 — Estilos personalizados para la página pública de BMS */

/* --------------------------------------------------------
   Variables y colores BMS
-------------------------------------------------------- */
:root {
    --bms-primary: #4e73df;
}

/* --------------------------------------------------------
   Ícono circular para la sección de características
-------------------------------------------------------- */
.icon-circle {
    width: 60px;
    height: 60px;
    background-color: var(--bms-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
}

/* --------------------------------------------------------
   Galería de capturas
-------------------------------------------------------- */
.gallery-item img {
    transition: transform 0.2s ease;
    cursor: pointer;
}

    .gallery-item img:hover {
        transform: scale(1.03);
    }

/* --------------------------------------------------------
   Nota de precios
-------------------------------------------------------- */
.pricing-note {
    font-size: 12px;
    color: #888;
    margin-top: 8px;
}

/* --------------------------------------------------------
   Navbar: botón Iniciar sesión
-------------------------------------------------------- */
.nav_lr_btn .btn.nav-links {
    background-color: var(--bms-primary);
    color: #fff;
    border-radius: 4px;
    padding: 6px 18px;
    font-weight: 600;
}

    .nav_lr_btn .btn.nav-links:hover {
        background-color: #375bd2;
        color: #fff;
    }

/* LMGA 2026-07-12 - footer fixes */
.footer_dark .widget_links_style2 li a,
.footer_dark .contact_info a,
.footer_dark .contact_info p,
.footer_dark .contact_info address {
    color: rgba(255,255,255,0.75) !important;
}

    .footer_dark .widget_links_style2 li a:hover {
        color: #fff !important;
    }

.footer_dark p {
    color: rgba(255,255,255,0.65);
}

/* LMGA 2026-07-12 - Anger component overrides */
.pricing_style2 .pr_title {
    padding: 25px;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.pricing_style2 .price_tage h2 {
    font-size: 42px;
    font-weight: 700;
    color: #4e73df;
}

.pricing_style2 .pr_content {
    padding: 20px 25px;
    background: #fff;
}

.pricing_style2 .pr_list li {
    padding: 6px 0;
    border-bottom: 1px solid #f0f0f0;
    color: #555;
}

    .pricing_style2 .pr_list li::before {
        content: "✓ ";
        color: #4e73df;
        font-weight: 700;
    }

.pricing_style2 .pr_footer {
    padding: 20px 25px;
    background: #fff;
}

.tab-style7 .nav-tabs .nav-link {
    font-size: 22px;
    padding: 12px 20px;
    color: #555;
    border: 2px solid #eee;
    border-radius: 8px;
    margin: 0 5px;
}

    .tab-style7 .nav-tabs .nav-link.active {
        color: #4e73df;
        border-color: #4e73df;
        background: transparent;
    }

.nav-tabs {
    border-bottom: none;
}

.icon_box_style_11 h5 {
    text-transform: none !important;
}

footer a, footer p, footer address, footer li {
    color: rgba(255,255,255,0.75) !important;
}

    footer a:hover {
        color: #fff !important;
    }

/* --------------------------------------------------------
   Pricing — clases reales del HTML (no pr_title sino pricing_title)
-------------------------------------------------------- */
.pricing_box .pricing_title {
    padding: 25px 25px 15px;
    background: #fff;
    border-bottom: 1px solid #eee;
}

    .pricing_box .pricing_title h4 {
        font-size: 20px;
        font-weight: 700;
        color: #333;
    }

.pricing_box .pricing_amount {
    padding: 15px 25px;
    background: #fff;
}

    .pricing_box .pricing_amount h2 {
        font-size: 48px;
        font-weight: 700;
        color: #4e73df;
        margin: 0;
    }

    .pricing_box .pricing_amount span {
        font-size: 14px;
        color: #888;
    }

.pricing_box .pricing_features {
    padding: 15px 25px;
    background: #fff;
    text-align: left;
    border-top: 1px solid #eee;
}

    .pricing_box .pricing_features li {
        padding: 7px 0;
        border-bottom: 1px solid #f5f5f5;
        color: #555;
        font-size: 14px;
    }

.pricing_box .btn {
    margin: 15px 25px 25px;
}

/* --------------------------------------------------------
   Footer — clases reales del HTML
-------------------------------------------------------- */
footer .footer_title {
    color: #fff !important;
    font-weight: 700;
    margin-bottom: 15px;
}

footer .footer_link_list li a,
footer .contact_info_list li a,
footer .contact_info_list li {
    color: rgba(255,255,255,0.7) !important;
    font-size: 14px;
    line-height: 2;
}

    footer .footer_link_list li a:hover {
        color: #fff !important;
    }

/* --------------------------------------------------------
   Scroll to top button
-------------------------------------------------------- */
.scrollup {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    background: #4e73df;
    color: #fff !important;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    z-index: 9999;
    cursor: pointer;
}