/* PuntoFrugal — Footer Styles v1.0 */

.pf-footer {
  background: #0B1426;
  color: #fff;
  padding: 56px 0 0;
  margin: 0;
}
.pf-footer-inner {
  max-width: 1200px; margin: 0 auto; padding: 0 40px 40px;
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px;
}
.pf-footer-logo {
  font-size: 22px; font-weight: 800; color: #fff;
  text-decoration: none; display: block; margin-bottom: 12px;
  letter-spacing: -.02em;
}
.pf-footer-logo .pf-accent { color: #F5A623; }
.pf-footer-tagline { font-size: 13px; color: rgba(255,255,255,.45); line-height: 1.65; margin: 0; }
.pf-footer-col-title {
  font-size: 11px; font-weight: 700; letter-spacing: .1em;
  color: rgba(255,255,255,.35); text-transform: uppercase; margin: 0 0 16px;
}
.pf-footer-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.pf-footer-col ul li a {
  font-size: 14px; color: rgba(255,255,255,.65); text-decoration: none; transition: color .15s;
}
.pf-footer-col ul li a:hover { color: #F5A623; }
.pf-footer-social { display: flex; gap: 16px; flex-wrap: wrap; }
.pf-footer-social a {
  color: rgba(255,255,255,.65); text-decoration: none;
  transition: color .15s; display: flex; align-items: center;
}
.pf-footer-social a:hover { color: #F5A623; }
.pf-footer-social i { width: 20px; height: 20px; }
.pf-footer-bottom {
  border-top: 1px solid rgba(255,255,255,.07);
  padding: 20px 40px; text-align: center;
}
.pf-footer-bottom p { font-size: 12px; color: rgba(255,255,255,.28); margin: 0; }

@media (max-width: 1024px) {
  .pf-footer-inner { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 640px) {
  .pf-footer-inner { grid-template-columns: 1fr; padding: 0 20px 32px; }
  .pf-footer-bottom { padding: 16px 20px; }
}