/* ============================================
  Archivo: footer.css
  Descripción: Estilos para el footer personalizado del sistema web Ecorut@s.
============================================ */

/* =========================
  1. VARIABLES DE COLOR
========================= */
:root {
  --color-bg: #001F33F3;      /* Fondo oscuro semi-transparente */
  --color-negro: black;       /* Negro estándar */
  --color-blanco: white;      /* Blanco estándar */
}

/* =========================
  2. ESTILOS GENERALES DEL FOOTER
========================= */
.footer-custom {
  background-color: var(--color-bg); /* Color de fondo */
  font-size: 12px;                    /* Tamaño de fuente base */
  font-style: normal;                 /* Estilo de fuente */
  font-weight: bold;                  /* Peso de la fuente */
}

/* =========================
  3. ESTILOS PARA PÁRRAFOS DENTRO DEL FOOTER
========================= */
.footer-custom .container p {
  margin: 0; /* Quitar márgenes predeterminados para un mejor control */
}

/* =========================
  4. MEDIA QUERIES PARA RESPONSIVIDAD
========================= */

/* Ajuste de tamaño de fuente para pantallas medianas */
@media screen and (max-width: 768px) {
  .footer-custom {
    font-size: 11px;
  }
}

/* Ajuste de tamaño de fuente para pantallas pequeñas */
@media screen and (max-width: 576px) {
  .footer-custom {
    font-size: 10px;
  }
}