/************************************
    FOOTER BASE
*************************************/
.bs-footer{
    background:var(--footer-bg-color);
    color:var(--footer-txt-color);
    font-weight:var(--font-bold);
    box-shadow: 0px 2px 10px -4px rgb(0 0 0 / 75%);
    padding:20px 0 !important;
}

/************************************
    SUSCRIPCIÓN (MEJORADA)
*************************************/
.bs-footer__top-section{
    position: relative;
    padding: 60px 20px !important;
    border-radius: 20px;
    overflow: hidden;
    text-align:center;
    color:white;
}

/* overlay oscuro */
.bs-footer__top-section::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.45);
    z-index:1;
}

/* contenido */
.bs-footer__top-section .row{
    position:relative;
    z-index:2;
}

/* título */
.bs-footer__top-section__title{
    font-size:36px !important;
    font-weight:800;
    color:#000000 !important;
    margin-bottom:10px;
}

/* texto */
.bs-footer__top-section__info{
    font-size:20px;
    color:#000000 !important;
    margin-bottom:25px;
}

/* input */
.bs-footer__top-section input.form-control{
    border-radius:40px;
    padding:14px 20px;
    font-size:18px;
    border:none;
    box-shadow:0 4px 12px rgba(0,0,0,0.2);
}

/* botón */
.bs-footer__top-section .button_form{
    background:#25D366 !important;
    border:none !important;
    border-radius:40px;
    padding:14px 30px;
    font-size:18px;
    font-weight:700;
    margin-top:10px;
    box-shadow:0 6px 16px rgba(0,0,0,0.25);
    transition:0.3s;
}

/* hover */
.bs-footer__top-section .button_form:hover{
    background:#1ebe5d !important;
    transform:translateY(-2px);
}

/* animación */
.bs-footer__top-section .button_form{
    animation: pulseSuscribete 2.5s infinite;
}

@keyframes pulseSuscribete{
    0%{transform:scale(1);}
    50%{transform:scale(1.05);}
    100%{transform:scale(1);}
}

/* OCULTAR BLOQUES ANTIGUOS */
.bs-footer__section-menu,
.bs-footer__section-contact,
.bs-footer__section-policies{
    display:none !important;
}

/* DEJAR TU BLOQUE VISIBLE */
.bs-footer__section-description{
    width:100% !important;
    max-width:100% !important;
    display:block !important;
}

/* ASEGURAR QUE TU FOOTER SE VEA */
.footer-pro{
    display:grid !important;
}
/* =========================
   FOOTER PRO ORDENADO
========================= */

/* CONTENEDOR GENERAL */
.footer-pro{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:40px;
    padding:30px 20px;
    color:#fff;
}

/* TITULOS */
.footer-pro h3{
    font-size:18px;
    font-weight:700;
    margin-bottom:12px;
    color:#ffffff;
}

/* TEXTOS */
.footer-pro p,
.footer-pro a{
    font-size:16px;
    color:#e0e0e0;
    text-decoration:none;
}

/* HOVER */
.footer-pro a:hover{
    color:#ffbd59;
}

/* LISTAS */
.footer-pro ul{
    list-style:none;
    padding:0;
}

.footer-pro ul li{
    margin-bottom:6px;
}

/* LOGO */
.footer-pro .footer-logo img{
    max-width:140px;
    margin-bottom:10px;
}

/* REDES */
.footer-pro .social-icons{
    margin-top:10px;
}

.footer-pro .social-icons a{
    margin-right:10px;
    font-size:18px;
    color:white;
}

/* RESPONSIVE */
@media(max-width:768px){
    .footer-pro{
        grid-template-columns:1fr;
        text-align:center;
    }
}
.bs-footer{
    color:#fff !important;
}
.footer-pro{
    max-width:1200px;
    margin:0 auto;
}
.footer-pro{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap:30px;
    max-width:1200px;
    margin:0 auto;
}
/* CENTRAR COPYRIGHT */

.bs-copyright{
    text-align:center !important;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
}

/* texto interno */
.bs-copyright strong,
.bs-copyright span,
.bs-copyright a{
    text-align:center !important;
}
.bs-copyright{
    text-align:center !important;
    padding:10px 0 !important;
    font-size:13px !important;
    opacity:0.8;
}
/* =========================
   FOOTER PRO NIVEL RETAIL
========================= */

/* CONTENEDOR PRINCIPAL */
.footer-pro{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap:40px;
    max-width:1200px;
    margin:0 auto;
    padding:30px 20px;
}

/* COLUMNAS */
.footer-col{
    display:flex;
    flex-direction:column;
}

/* TITULOS */
.footer-col h5{
    font-size:16px;
    font-weight:700;
    margin-bottom:12px;
    color:#ffffff;
}

/* TEXTO */
.footer-col p{
    font-size:14px;
    line-height:1.6;
    opacity:0.9;
}

/* LINKS */
.footer-col a{
    font-size:14px;
    margin-bottom:6px;
    color:#ffffff;
    text-decoration:none;
    transition:0.3s;
}

.footer-col a:hover{
    color:#ffd54f;
    padding-left:4px;
}

/* LOGO */
.footer-logo img{
    max-height:50px;
    margin-bottom:10px;
}

/* REDES */
.footer-social{
    margin-top:10px;
}

.footer-social a{
    display:inline-block;
    margin-right:10px;
    font-size:18px;
    transition:0.3s;
}

.footer-social a:hover{
    transform:scale(1.2);
}

/* CONTACTO */
.footer-contact p{
    margin-bottom:5px;
    font-size:14px;
}

/* COPYRIGHT */
.bs-copyright{
    text-align:center !important;
    padding:12px 0 !important;
    font-size:13px !important;
    opacity:0.8;
    border-top:1px solid rgba(255,255,255,0.2);
    margin-top:10px;
}
/* =========================
   SUSCRIBETE - FONDO PRO
========================= */

.bs-footer__top-section{
    background-size: cover !important;      /* llena el contenedor sin deformarse */
    background-position: center center !important; /* centra la imagen */
    background-repeat: no-repeat !important;
}
/* FIX LOGO WEBPAY - colores originales */

.footer-payments img,
.bs-footer img{
    filter: none !important;
    opacity: 1 !important;
}
/* =========================
   HOVER SUSCRIBETE PRO
========================= */

.bs-footer__top-section{
    transition: all 0.4s ease;
    transform: scale(1);
}

/* efecto al pasar el mouse */
.bs-footer__top-section:hover{
    transform: scale(1.02);
    box-shadow: 0 15px 40px rgba(0,0,0,0.25);
}
background: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url(...)