/* Pie común (para las páginas que no cargan site.css, como "Por qué Finomik"). Mismo aspecto que en site.css. */
footer.site-foot { --pad:clamp(16px,4vw,48px); background:#061a38; color:rgba(255,255,255,.75); padding:70px var(--pad) 30px; font:500 14px/1.5 Montserrat, system-ui, sans-serif; margin-top:0; }
footer.site-foot a { color:inherit; text-decoration:none; }
footer.site-foot .fcols { display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:32px; max-width:1360px; margin:0 auto; }
footer.site-foot .fcols .fh { color:#fff; font-size:13px; letter-spacing:.1em; margin-bottom:14px; font-weight:700; }
footer.site-foot .fcols a { display:block; padding:5px 0; font-weight:600; } footer.site-foot .fcols a:hover { color:#F5C518; }
footer.site-foot .fcols img { height:30px; width:auto; margin-bottom:14px; display:block; }
footer.site-foot .fcols p { margin:0; }
footer.site-foot .bigword { max-width:1360px; margin:60px auto 0; font-weight:900; letter-spacing:-.06em; font-size:clamp(4rem,19vw,20rem); line-height:.8; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.18); background:linear-gradient(#F5C518,#F5C518) 0 0/0% 100% no-repeat; -webkit-background-clip:text; background-clip:text; }
footer.site-foot .fine { max-width:1360px; margin:30px auto 0; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:12px; }
footer.site-foot .fine a { opacity:.85; } footer.site-foot .fine a:hover { opacity:1; text-decoration:underline; } footer.site-foot .fine .fl { display:flex; gap:18px; flex-wrap:wrap; }
@media (max-width:800px) { footer.site-foot .fcols { grid-template-columns:1fr 1fr; } }
@media (max-width:700px) { footer.site-foot { padding:48px 18px 26px; } footer.site-foot .fcols { gap:26px 18px; } footer.site-foot .bigword { margin-top:36px; } footer.site-foot .fine { flex-direction:column; gap:10px; } }
.site-foot .foot-social { display:flex; gap:10px; margin-top:16px; } .site-foot .foot-social a { width:38px; height:38px; border-radius:50%; display:grid; place-items:center; color:#fff; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25); } .site-foot .foot-social a:hover { background:#F5C518; color:#0B3064; } .site-foot .foot-social svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }