/* ================================
   FOOTER UNIFICADO
================================ */

/* reset mínimo */
html,
body {
  /* Importante: NO fijar el alto al viewport.
     Si html/body quedan en 100%, el layout flex “encoge” el HERO para que quepa el footer.
     Con height:auto, el HERO puede ocupar 100vh completo y el footer queda debajo (con scroll). */
  height: auto;
  margin: 0;
  padding: 0;
}

/* Forzar Satoshi en todo el footer */
footer,
footer * {
  font-family: "Satoshi", system-ui, sans-serif !important;
}

/* Nota:
   Evitamos forzar `body{display:flex}` desde este archivo.
   Eso puede crear espacios “en blanco” y comportamientos inconsistentes en el HERO.
   Si necesitas sticky footer en alguna página específica, aplícalo solo en esa página/clase. */

/* FOOTER con gradiente #2B3014 → #8E8B42 */
footer {
  flex-shrink: 0;


 
  background: linear-gradient(90deg, #444B20 30%, #918042 99%) !important;

  color: #ffffff !important;
  text-align: center !important;

  font-size: 14px !important;
  font-weight: 400;

  padding: 25px 20px 25px 20px;

  opacity: 1 !important;
}