/* ====== Contenedor y colores ya vienen del style.css (degradado rojo->verde) ====== */
.footer-container{
  max-width:1100px;
  margin:0 auto;
  padding:0 1rem;
}

/* GRID: 4 columnas en desktop, auto en tablet, 1 en móvil */
.footer-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:1.5rem;
  align-items:flex-start;
}

/* Columna genérica */
.footer-col{
  text-align:left; /* alineado prolijo en escritorio */
}

/* Marca / Logo */
.footer-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.5rem;
}
.footer-logo{
  height:56px;
  width:auto;
  display:block;
}
.brand-text{
  margin:0;
  color:#fff;
  opacity:.9;
  font-weight:600;
}

/* Títulos de columna */
.footer-title{
  margin:.2rem 0 .8rem;
  color:#fff;
  font-size:1rem;
  font-weight:700;
}

/* ===== Menú del footer: quitar viñetas y aplicar subrayado animado ===== */
.footer-menu ul,
.footer-menu .menu,
.footer-nav{
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-menu li,
.footer-nav li{
  margin: .4rem 0;
  position: relative;
}

/* Cancelar cualquier bullet/ícono anterior */
.footer-menu li::before,
.footer-nav li::before{
  content: none !important;
}

.footer-menu a,
.footer-nav a{
  position: relative;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  display: inline-block;
  padding-bottom: 2px; /* espacio para la barra */
  transition: color .25s ease;
}

/* Subrayado animado */
.footer-menu a::after,
.footer-nav a::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background: #f1c40f; /* dorado */
  transition: width .25s ease;
}

.footer-menu a:hover,
.footer-nav a:hover{
  color: #f1c40f;
}

.footer-menu a:hover::after,
.footer-nav a:hover::after{
  width: 100%;
}

/* Página actual marcada de forma permanente */
.footer-menu .current-menu-item > a::after,
.footer-menu .current_page_item > a::after,
.footer-nav .current-menu-item > a::after,
.footer-nav .current_page_item > a::after{
  width: 100%;
}


/* Últimas entradas */
.latest-list{
  list-style:none;
  padding:0;
  margin:0;
}
.latest-list li{
  margin:.35rem 0;
  position:relative;
  padding-left:20px;
}
.latest-list li::before{
  content:"\f1ea";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  left:0; top:0;
  color:#f39c12; /* icono noticias */
  line-height:1;
}
.latest-list a{
  color:#fff;
  text-decoration:none;
}
.latest-list a:hover{ text-decoration:underline; }

/* PlayStore + Redes */
.footer-social-col{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.3rem;
}
.playstore-link{
  display:inline-block;
}
.playstore-logo{
  height:80px;
  width:auto;
  display:block;
}
.social-icons{
  display:flex;
  gap:1rem;
}
.social-icons a{
  color:#fff;
  font-size:1.2rem;
  transition:color .2s ease;
}
.social-icons a:hover{ color:#f1c40f; }

/* Línea inferior */
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.25);
  margin-top:1.2rem;
  padding:.7rem 1rem;
  text-align:center;
}

/* ====== Responsive ====== */
@media (max-width:1024px){
  .footer-grid{
    grid-template-columns:repeat(2, 1fr); /* 2x2 en tablet */
  }
}
@media (max-width:640px){
  .footer-grid{
    grid-template-columns:1fr; /* 1 columna en móvil */
  }
  .footer-col,
  .footer-brand{
    align-items:center;
    text-align:center;
  }
  .footer-nav li,
  .latest-list li{
    padding-left:0;
  }
  .footer-nav li::before,
  .latest-list li::before{
    display:none; /* simplificar en móvil */
  }
}