/*ggtebueollzzvzdihkjavinoiukzwwcwxainwehtltmyahrwxfh*/
/* Fractales · Diseño 3 · Encabezado y pie */
.f3-head{background:var(--f3-fondo);border-bottom:1px solid #E2E6E1;position:relative;z-index:5}
.f3-head .f3-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px}
.f3-logo{display:flex;align-items:center;color:var(--f3-gris)!important}
.f3-logo img{height:44px;width:auto}
.f3-nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.f3-nav a{padding:12px 14px;font-weight:500;font-size:15px;color:var(--f3-negro);transition:color .15s,box-shadow .15s}
.f3-nav a:hover,.f3-nav a[aria-current=page]{color:var(--f3-morado);box-shadow:inset 0 -4px 0 var(--f3-amarillo)}
.f3-nav a[aria-current=page]{font-weight:700}
.f3-nav a:hover{text-decoration:none!important}
.f3-buscar{margin-left:6px;color:var(--f3-morado)}
.f3-buscar svg{width:16px;height:16px}
.f3-buscar kbd{font:inherit;font-size:11px;padding:2px 6px;background:var(--f3-morado);color:#fff}
/* Franja de colores bajo el encabezado */
.f3-franja{display:flex;height:6px}
.f3-franja i{display:block}
.f3-franja i:nth-child(1){flex:3;background:var(--f3-amarillo)}.f3-franja i:nth-child(2){flex:1;background:var(--f3-rosa)}
.f3-franja i:nth-child(3){flex:1;background:var(--f3-verde)}.f3-franja i:nth-child(4){flex:2;background:var(--f3-morado)}
.f3-franja i:nth-child(5){flex:1;background:var(--f3-cian)}
/* Barra de lectura (artículos) */
.f3-lectura{height:6px;background:#E2E6E1}.f3-lectura i{display:block;height:6px;width:0;background:var(--f3-morado)}

/* Pie */
.f3-pie{background:var(--f3-negro);color:#E6E6E6}
.f3-pie::before{content:"";display:block;height:14px;background:var(--f3-amarillo)}
.f3-pie .f3-wrap{padding-top:64px;padding-bottom:32px;display:flex;flex-direction:column;gap:48px}
.f3-pie-arriba{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px}
.f3-pie-marca{display:flex;flex-direction:column;gap:18px;max-width:360px}
.f3-pie-marca img{height:48px;width:auto;align-self:flex-start}
.f3-redes{display:flex;flex-wrap:wrap;gap:8px}
.f3-redes a{padding:10px 12px;border:1px solid var(--f3-gris2);color:#fff;font-size:14px}
/* Logos de redes (Simple Icons, CC0) en el color del texto */
.f3-red{display:inline-flex;align-items:center;gap:10px}
.f3-red i{flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:var(--f3-ic) center/contain no-repeat;mask:var(--f3-ic) center/contain no-repeat}
.f3-red--instagram{--f3-ic:url(https://cdn.jsdelivr.net/npm/simple-icons@13/icons/instagram.svg)}.f3-red--tiktok{--f3-ic:url(https://cdn.jsdelivr.net/npm/simple-icons@13/icons/tiktok.svg)}.f3-red--youtube{--f3-ic:url(https://cdn.jsdelivr.net/npm/simple-icons@13/icons/youtube.svg)}.f3-red--spotify{--f3-ic:url(https://cdn.jsdelivr.net/npm/simple-icons@13/icons/spotify.svg)}.f3-red--linkedin{--f3-ic:url(https://cdn.jsdelivr.net/npm/simple-icons@13/icons/linkedin.svg)}
.f3-pie .f3-pie-marca{max-width:440px}
.f3-pie .f3-redes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.f3-pie .f3-redes a{padding:12px 14px;font-size:15px}
.f3-pie .f3-redes a:hover{border-color:#fff;text-decoration:none}
@media (max-width:420px){.f3-pie .f3-redes{gap:8px}.f3-pie .f3-redes a{padding:10px 8px;gap:8px;font-size:13px}.f3-red i{width:18px;height:18px}}
.f3-pie-cols{display:flex;flex-wrap:wrap;gap:48px}
.f3-pie-cols div{display:flex;flex-direction:column;gap:10px;font-size:15px}
.f3-pie-cols h3{font-size:13px;letter-spacing:.14em;color:var(--f3-amarillo);margin-bottom:6px}
.f3-pie a{color:#E6E6E6}
.f3-pie-abajo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid #3E3A3B;font-size:13px;color:#BDBDBD}
.f3-pie-abajo nav{display:flex;gap:18px}.f3-pie-abajo a{color:#BDBDBD}
/* Marca en texto (se reemplaza por el SVG oficial del logo) */
.f3-marca{display:flex;flex-direction:column;line-height:1}
.f3-marca b{font-weight:700;font-size:22px;letter-spacing:.32em}
.f3-marca small{font-size:10px;letter-spacing:.12em;margin-top:4px}
.f3-pie .f3-marca b{font-size:30px;color:#fff}.f3-pie .f3-marca small{font-size:12px}
/* WordPress: logo oficial (SVG de Medios) y versión negativa en el pie */
.f3-logo img{display:block;height:34px;width:auto}
.f3-pie-marca img{height:40px;filter:brightness(0) invert(1)}
.f3-pie-lema{font-size:12px;letter-spacing:.12em;color:#BDBDBD}
@media (max-width:720px){.site-header,.f3-head{position:relative!important}.f3-head .f3-wrap{gap:6px 12px;padding-top:12px;padding-bottom:10px}.f3-logo img{height:28px}.f3-nav{width:100%;justify-content:space-between;gap:0}.f3-nav a{padding:10px 6px;font-size:15px}.f3-buscar{margin-left:0;padding:0 12px;min-height:40px}.f3-buscar kbd{display:none}}
.f3-pie-ueb img{height:56px;width:auto;margin:2px 0 6px}