/* ==========================================================================
   FOOTER - AJUSTES DE ESTRUCTURA Y LIMPIEZA
   ========================================================================== */

/* 1. Estructura principal: Eliminar línea blanca y asegurar ancho total */
footer {
  width: 100% !important;
  box-sizing: border-box !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

/* Eliminar pseudoelementos que puedan generar bordes o espacios fantasma */
footer::after,
footer::before {
  display: none !important;
}

/* Asegurar que el contenedor raíz no deje margen inferior (causa de la línea blanca) */
body, 
html {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* 2. Limpieza agresiva de márgenes en elementos Bootstrap dentro del footer */
footer .container,
footer .row,
footer [class*="col-"],
footer p,
footer h5,
footer h6,
footer ul,
footer li {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* ==========================================================================
   LOGO DEL FOOTER (DISEÑO Y RESPONSIVE)
   ========================================================================== */

.footer-logo {
  width: 200px;
  height: 200px;
  margin-top: 1rem;
  object-fit: contain;
  display: block;
  transition: all 0.3s ease;
}

.footer-logo picture,
.footer-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Ajustes de tamaño por dispositivo */
@media (max-width: 991.98px) {
  .footer-logo { width: 160px; height: 160px; }
}

@media (max-width: 768px) {
  .footer-logo { 
    width: 120px; 
    height: 120px; 
    margin: 1rem auto; /* Centrado en tablets */
  }
}

@media (max-width: 576px) {
  .footer-logo { 
    width: 100px; 
    height: 100px; 
    margin: 0.5rem auto; /* Centrado en móviles */
  }
}

@media (max-width: 480px) {
  .footer-logo { width: 80px; height: 80px; }
}