/* ==================== ESTILOS PARA LEGALES (MÓVILES) ==================== */

@media (max-width: 768px) {
  #aviso-legal,
  #politica-cookies,
  #politica-privacidad,
  #terminos-condiciones {
    padding: 7rem 1rem; /* Añade padding superior y ajusta márgenes laterales */
    font-size: 0.9rem; /* Ajustar tamaño de texto */
    line-height: 1.6; /* Mejor legibilidad */
  }

  /* Títulos */
  #aviso-legal h2,
  #politica-cookies h2,
  #politica-privacidad h2,
  #terminos-condiciones h2 {
    font-size: 1.5rem; /* Reducir el tamaño del título */
    margin-bottom: 1rem; /* Espaciado entre título y contenido */
  }

  /* Subtítulos y texto */
  #aviso-legal h5,
  #politica-cookies h5,
  #politica-privacidad h5,
  #terminos-condiciones h5 {
    font-size: 0.95rem; /* Texto más pequeño en móviles */
    margin-bottom: 1rem;
  }

  /* Separadores */
  #aviso-legal .h-0.5,
  #politica-cookies .h-0.5,
  #politica-privacidad .h-0.5,
  #terminos-condiciones .h-0.5 {
    margin: 1.5rem 0; /* Reducir separación entre bloques */
    height: 1px; /* Separador más delgado */
  }

  /* Ajustar contenedor */
  .container {
    width: 100%; /* Usar todo el ancho disponible */
    margin: 0 auto; /* Centrado */
  }
}