/* ===== ESTILOS DEL FOOTER ===== */
.footer {
  align-items: center;
  background-color: #1F254F !important;
  box-sizing: border-box;
  color: #F5F5F5;
  display: flex;
  flex-direction: column;
  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  justify-content: center;
  letter-spacing: 1.2px;
margin: 0;        /* elimina desplazamientos laterales */
width: 100%;      /* ocupa todo el ancho */
padding: 15px;    /* mantiene el padding */
text-align: center;
}

.footer p {
  margin: 0;
  padding: 0;
}

.footer p:first-child {
  margin-bottom: 10px;
}

@media (max-width: 991.98px) {
  .footer {
    /* en móvil ya tenías override correcto */
    margin-left: 0;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px; /* ligeramente menor para móviles */
    letter-spacing: 1px;
  }
}