/* Desarrollado por Diego Fernando Zapata | https://diegozapatadz.com | WhatsApp +57 316 371 1641. 2026. Derechos reservados sobre los aportes originales. */
.sf{position:relative;margin:0;padding:0;background:linear-gradient(180deg,#0b2f4a 0%,#071e31 100%);color:#cbd5e1;font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;border-top:4px solid transparent;border-image:linear-gradient(90deg,#0369a1,#38bdf8 45%,#ea580c) 1}
.sf *{box-sizing:border-box}
.sf-wrap{max-width:1200px;margin:0 auto;padding:56px 24px 0}
.sf-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:44px}
.sf-logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none!important;margin-bottom:16px}
.sf-logo img{width:52px;height:52px;object-fit:contain;border-radius:14px;background:#fff;padding:5px}
.sf-logo strong{display:block;font-size:1.15rem;line-height:1.2;color:#fff}
.sf-logo small{display:block;margin-top:2px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#7dd3fc}
.sf .sf-text{margin:0 0 20px!important;font-size:.94rem!important;line-height:1.7!important;color:#aebdce!important;max-width:42ch}
.sf-social{display:flex;gap:10px}
.sf-social-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff26;border-radius:12px;background:#ffffff12;color:#fff;cursor:pointer;transition:transform .18s,background .18s,border-color .18s}
.sf .sf-social-btn:hover,.sf .sf-social-btn:focus-visible{transform:translateY(-3px);color:#fff!important;background:#183e55;border-color:#8bcfe8;outline:none}
.sf .sf-social-btn svg{fill:currentColor}
.sf .sf-tiktok:hover,.sf .sf-tiktok:focus-visible{background:#101820;border-color:#67e8f9}
.sf-fb:hover,.sf-fb:focus-visible{background:#1877f2;border-color:#1877f2}
.sf .sf-title{margin:0 0 18px!important;padding:0 0 12px;position:relative;font-size:.8rem!important;letter-spacing:.12em;text-transform:uppercase;font-weight:800!important;color:#fff!important}
.sf .sf-title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:3px;background:#ea580c}
.sf-list{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.sf-list li{margin:0;padding:0;font-size:.94rem;line-height:1.5;color:#aebdce}
.sf-list a,.sf-list li>span:not(.sf-ico){color:#aebdce;text-decoration:none!important}
.sf-list a{display:flex;align-items:center;gap:10px;margin:-6px -10px;padding:6px 10px;border-radius:10px;background-color:transparent;transition:color .2s ease,background-color .2s ease}
.sf-link-ico{flex:0 0 auto;color:#fb923c}
.sf-link-face{width:20px;height:20px;border-radius:50%;object-fit:cover;background:#fff7ed;box-shadow:0 0 0 1.5px #fdba74}
.sf-list a:hover,.sf-list a:focus-visible{color:#fff;background-color:#ffffff14}
.sf-contact li{display:flex;gap:10px;align-items:flex-start}
.sf-ico{flex:0 0 auto;font-size:1rem;line-height:1.5}
.sf-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.sf-badges span{padding:5px 11px;border:1px solid #38bdf866;border-radius:999px;background:#38bdf81a;color:#bae6fd;font-size:.74rem;font-weight:800;letter-spacing:.04em}
.sf-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:48px;padding:22px 0 26px;border-top:1px solid #ffffff1f}
.sf .sf-copy,.sf .sf-credit{margin:0!important;font-size:.85rem!important;line-height:1.5!important;color:#8fa3b8!important}
.sf .sf-credit a{color:#fff;font-weight:700;text-decoration:none}
.sf .sf-credit>a:first-of-type{margin-left:.35em}
.sf .sf-credit-separator{margin-inline:.38em}
.sf .sf-credit a:hover{color:#fb923c}
.sf .sf-legal{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px 22px;padding:0;background:none;font:inherit;font-size:.85rem}
.sf .sf-legal a{color:#aebdce;text-decoration:none}
.sf .sf-legal a:hover{color:#fff;text-decoration:underline}
.sf .sf-legal button{padding:0;border:0;background:none;color:#aebdce;font:inherit;font-size:.85rem;cursor:pointer;text-decoration:none}
.sf .sf-legal button:hover,.sf .sf-legal button:focus-visible{color:#fff;text-decoration:underline;outline:none}
.sf a:focus-visible{outline:2px solid #fb923c;outline-offset:3px;border-radius:4px}
@media(max-width:980px){.sf-grid{grid-template-columns:1fr 1fr;gap:36px 32px}.sf-brand{grid-column:1/-1}}
@media(max-width:600px){.sf-wrap{padding:44px 20px 0}.sf-grid{grid-template-columns:1fr;gap:32px}.sf-bottom{align-items:center;text-align:center;gap:14px}.sf .sf-legal{justify-content:center}.sf-badges{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.sf *{transition:none!important}}
/* Escritorio: espacio al final para que el botón flotante de Flami no tape los enlaces del pie (en móvil lo ocupa la barra fija de Flami) */
.sf{padding-bottom:84px}
@media(max-width:760px){.sf{padding-bottom:84px}}
.sf-ico-wa{display:inline-grid;place-items:center;width:26px;height:26px;margin-top:-1px;border-radius:8px;background:#16a34a;color:#fff}
.sf-contact li a{display:inline;margin:0;padding:0;border-radius:0;background:none}
.sf-contact li a:hover,.sf-contact li a:focus-visible{background:none;text-decoration:underline}
nav.sf-col .sf-list{gap:14px}