.footer{ background:#2c3e50; color:#fff; padding:50px 0 20px; }

.footer-content{
  display:grid; grid-template-columns:2fr 1fr 1fr; gap:40px; margin-bottom:30px;
}
.footer-logo{ display:flex; align-items:center; gap:12px; margin-bottom:15px; }
.footer-logo-img{ height:40px; width:auto; max-width:150px; object-fit:contain; }
.footer-logo-text{
  font-family: var(--font-title);
  font-weight: var(--w-bold);
  font-size: 1.25rem;
}
.footer-section h4{ margin-bottom:15px; color:#ffffff; }
.footer-section ul{ list-style:none; }
.footer-section ul li{ margin-bottom:8px; }
.footer-section ul li a{ color:#bdc3c7; text-decoration:none; transition:color .3s ease; }
.footer-section ul li a:hover{ color:#ffffff; }
.footer-section p{ color:#bdc3c7; margin-bottom:8px; }
.footer-section i{ margin-right:8px; color:#ffffff; }

.footer-bottom{
  border-top:1px solid #34495e; padding-top:20px; text-align:center; color:#bdc3c7;
}

/* Responsive */
@media (max-width:768px){
  .footer-content{ grid-template-columns:1fr; gap:30px; }
}



.footer-social {
  display: flex;
  align-items: center;
  gap: .75rem;
  justify-content: center;
  margin-top: 1rem;
  flex-wrap: wrap;
}

.footer-social__label {
  font-weight: 700;
  opacity: .9;
}

.footer-social__list {
  display: flex;
  gap: .5rem;
  list-style: none;
  margin: 0; padding: 0;
}

.footer-social__link {
  width: 40px; height: 40px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px;
  color: #ffffff;
  background: var(--footer-icon-bg, #ffffff);
  box-shadow: var(--shadow-1, 0 6px 20px rgba(0,0,0,.12));
  transition: transform .15s ease, box-shadow .15s ease, filter .15s;
  outline: none;
}
.footer-social__link:hover { transform: translateY(-3px); }
.footer-social__link:focus-visible { box-shadow: 0 0 0 3px rgba(0,136,131,.35); }

.footer-social__link svg { width: 22px; height: 22px; fill: #ffffff; }

/* Colores por red */
.footer-social__link.is-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.footer-social__link.is-linkedin { background: #0A66C2; }
.footer-social__link.is-youtube  { background: #FF0033; }

.footer-logo-feria {
  max-width: 150px;
  height: auto;
  margin-top: 10px;
  filter: brightness(0) invert(1);
  opacity: 0.8;
  transition: opacity 0.3s ease;
}

.footer-logo-feria:hover {
  opacity: 1;
}