/* Pie de página ÚNICO del sitio (el de la portada nueva) — 28-sep-2026.
   Clases con prefijo .tf para no chocar con styles.css ni con la portada.
   Lo inserta gen/footer.py en todas las páginas. */
.tf{background:#07152e;color:#fff;padding:0 clamp(16px,4vw,56px) 26px;font-family:"Nunito Sans","Helvetica Neue",Arial,sans-serif}
.tf__in{max-width:1320px;margin:0 auto}
.tf__g{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;padding:56px 0 44px;border-top:1px solid rgba(255,255,255,.14);font-size:14px}
.tf__g img{height:44px;width:auto;display:block}
.tf__g p{opacity:.65;max-width:34ch;margin:16px 0 0;line-height:1.55}
.tf__g h3{font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.5;margin:0 0 14px;font-weight:700;color:#fff}
.tf a{color:inherit;text-decoration:none}
.tf__g a{display:block;opacity:.8;padding:4px 0;transition:opacity .3s,color .3s}
.tf__g a:hover{opacity:1;color:#4ec3ed}
.tf__bar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);font-size:12px}
.tf__bar>span{opacity:.5}
.tf__bar>span a{opacity:1}
.tf__bar a:hover{color:#4ec3ed}
.tf__soc{display:flex;gap:18px}
.tf__soc a{opacity:.7}
.tf__soc a:hover{opacity:1}
@media (max-width:900px){
  .tf{padding-bottom:18px}
  .tf__g{grid-template-columns:1fr;gap:10px;padding:28px 0 16px}
  .tf__g img{height:34px}
  .tf__g p,.tf__g h3,.tf__g>div:nth-child(2){display:none}
  .tf__g>div:nth-child(3),.tf__g>div:nth-child(4){display:flex;flex-wrap:wrap;gap:2px 18px}
  .tf__g>div:nth-child(3) a:first-of-type{display:none}
  .tf__g>div:nth-child(4) a:not([href="mailto:contacto@tricapitals.com"]):not([href="/trabaja-con-nosotros/"]){display:none}
  .tf__g a{font-size:14px;padding:3px 0}
  .tf__bar{flex-direction:column;gap:10px;padding-top:14px;font-size:11px}
  .tf__soc{gap:16px}
}