/* ==============================
   FOOTER ULTRA COMPACTO
============================== */

.site-footer {
    background: #000;
    padding: 5px 0 !important;
    margin: 0 !important;
    line-height: 1.2;
    color: #fff;

}

/* Mata márgenes Bootstrap internos */
.site-footer * {
    margin-top: 0 !important;
    margin-bottom: 4px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Quita padding de containers Bootstrap */
.site-footer .container,
.site-footer .container-fluid,
.site-footer .row,
.site-footer [class*="col"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Banner superior */
.imgfooter {
    background-image: url('../img/bannerfoter.png');
    background-repeat: repeat-x;
    height: 50px !important;
    margin-bottom: 15 !important;
    background-size: auto 60px !important;

    /* 👇 SUBE LA IMAGEN */
    background-position: center -15px;
}


/* Títulos del footer */
.footer-title {
    color: #FF9B00;
    font-weight: 800;      /* más grueso (600–800 recomendado) */
    font-size: 0.9rem;
    margin-bottom: 30spx;   /* separación con lo de abajo */
    letter-spacing: 0.5px; /* opcional: se ve más elegante */
}

/* Listas */
.footer-list {
    line-height: 1.2;
    list-style: none;
    padding: 0;
}

.footer-list li {
    margin-bottom: 2px !important;
}

/* Iconos */
.contact-large i {
    font-size: 2rem !important;
    margin-bottom: 2px !important;
    display: block;

}

.social-icons-brand {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 4px !important;
}

.social-icons-brand a {
    color: #fff;
    font-size: 1.4rem;
    transition: transform 0.3s ease;
}
.social-icons-brand a:hover {
    transform: scale(1.2);
    color: #FF9B00;
}

/* --- FOOTER RESPONSIVE --- */
@media (max-width: 767px) {
  .site-footer {
    padding-left: 10px;
    padding-right: 10px;
  }
}