/* ============================================================
   GAMO SOLAR — Footer (Fase 1)
   Pulido del footer de Kadence: color de marca, tipografía
   (Plus Jakarta + Inter en vez de Arial) y acentos amarillos.
   ============================================================ */

/* Fondo de marca + línea de acento amarilla */
#colophon.site-footer{
  background:var(--gs-blue-d,#00264D) !important;
  border-top:3px solid var(--gs-yellow,#FFC107);
}

/* Tipografía de marca en todo el footer */
#colophon *{ font-family:"Inter",-apple-system,system-ui,sans-serif; }

/* Títulos de columna */
#colophon .footer-title{
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:1.1rem; font-weight:800; letter-spacing:-.01em;
  color:#fff; margin:0 0 1.1rem; padding-bottom:.65rem;
  position:relative;
}
#colophon .footer-title::after{
  content:""; position:absolute; left:0; bottom:0;
  width:34px; height:2px; background:var(--gs-yellow,#FFC107);
}

/* Texto y enlaces */
#colophon,
#colophon p,
#colophon li,
#colophon span{ color:rgba(255,255,255,.72); }
#colophon a{
  color:rgba(255,255,255,.86); text-decoration:none;
  transition:color .2s ease;
}
#colophon a:hover{ color:var(--gs-yellow,#FFC107); }

/* Aire en las listas de enlaces */
#colophon li{ line-height:1.9; }

/* Iconos sociales */
#colophon .wp-block-social-link{ transition:transform .2s ease; }
#colophon .wp-block-social-link:hover{ transform:translateY(-2px); }

/* Tap targets cómodos en los enlaces del footer (sobre todo en móvil) */
#colophon li a,
#colophon .footer-html a,
#colophon .menu-item a{ display:inline-block; padding:.3rem 0; }
@media (max-width:768px){
  #colophon li{ line-height:1.4; }
  #colophon li a,
  #colophon .footer-html a,
  #colophon .menu-item a{ padding:.55rem 0; }
  /* Iconos sociales con área de toque mínima 44x44 */
  #colophon .wp-block-social-link a{ min-width:44px; min-height:44px; display:flex; align-items:center; justify-content:center; }
}