/* Forzar fondo institucional rojo y eliminar gris residual */
.footer-widget-area, .site-footer, #footer {
  background-color: #8c1919 !important;
  color: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Asegurar que las columnas se distribuyan uniformemente */
.footer-widget-area .widget {
  width: calc(33.33% - 20px) !important;
  float: left !important;
  margin: 0 10px !important;
  box-sizing: border-box;
}

/* En pantallas pequeñas (responsive), que las columnas bajen */
@media (max-width: 768px) {
  .footer-widget-area .widget {
    width: 100% !important;
    margin: 10px 0 !important;
  }
}

/* Asegurar que el contenedor no recorte el contenido */
#footer, .site-footer, .footer-widget-area {
  overflow: visible !important;
  height: auto !important;
}