/*bjbclldvqoiwbbriklhyizpiyychnmpftnonhoyqucxqmm*/
/* Fractales · Diseño 3 · Base (colores del manual de marca 2023) */
:root{
  --f3-morado:#9203F1;--f3-morado-osc:#5E00A0;--f3-amarillo:#FFF100;--f3-rosa:#EE2A7B;
  --f3-cian:#01A6E8;--f3-verde:#8DC63F;--f3-turquesa:#15BAB1;--f3-naranja:#FF6903;
  --f3-violeta:#C71FE5;--f3-gris:#58595B;--f3-gris2:#5C5D60;--f3-texto2:#3C3B3D;
  --f3-fondo:#F5FAF4;--f3-linea:#DDE2DC;--f3-negro:#231F20;--f3-negro2:#111111;
  --f3-ancho:1280px
}
.f3{font-family:Ubuntu,'Trebuchet MS',sans-serif;color:var(--f3-negro);background:var(--f3-fondo);margin:0}
.f3 *,.f3 *::before,.f3 *::after{box-sizing:border-box}
.f3 a{color:var(--f3-morado);text-decoration:none}
.f3 a:not(.f3-btn):not(.f3-card):hover{text-decoration:underline;text-underline-offset:4px}
.f3 h1,.f3 h2,.f3 h3,.f3 p{margin:0}.f3 h1,.f3 h2,.f3 h3{line-height:1.2}
.f3-wrap{max-width:var(--f3-ancho);margin:0 auto;padding-left:24px;padding-right:24px}
.f3-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Títulos de sección: morado + barra amarilla */
.f3-tit{display:flex;flex-direction:column;gap:12px}
.f3-tit h2{font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1;color:var(--f3-morado)}
.f3-tit::after{content:"";width:88px;height:8px;background:var(--f3-amarillo)}
.f3-fila{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.f3-mas{font-weight:700;font-size:16px;min-height:44px;display:inline-flex;align-items:center}

/* Botones */
.f3-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;border:0;transition:transform .15s,box-shadow .15s}
.f3-btn--amarillo{background:var(--f3-amarillo);color:var(--f3-negro)!important}
.f3-btn--negro{background:var(--f3-negro);color:#fff!important}
.f3-btn--borde{background:transparent;border:2px solid currentColor}
.f3-btn--pildora{border-radius:999px}
.f3-btn--grande{min-height:56px;padding:0 26px;font-size:18px}
.f3-btn:hover{transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--f3-negro)}
.f3-oscuro .f3-btn:hover{box-shadow:4px 4px 0 var(--f3-amarillo)}
.f3-btn:focus-visible,.f3-card:focus-visible,.f3 a:focus-visible,.f3-play:focus-visible{outline:3px solid var(--f3-cian);outline-offset:3px}

/* Etiquetas de categoría (texto blanco) */
.f3-chip{display:inline-block;align-self:flex-start;padding:5px 10px;font-size:14px;font-weight:700;letter-spacing:.06em;color:#fff;background:var(--f3-morado)}
.f3-cat--ciencia{background:var(--f3-cian)}.f3-cat--cultura{background:var(--f3-rosa)}
.f3-cat--salud{background:var(--f3-turquesa)}.f3-cat--educacion{background:var(--f3-naranja)}
.f3-cat--politica{background:var(--f3-violeta)}.f3-cat--especial{background:var(--f3-morado)}

/* Imagen: si no hay foto, se ve un bloque oscuro */
.f3-img{position:relative;display:block;width:100%;background:#2B2729;overflow:hidden}
.f3-img img{display:block;width:100%;height:100%;object-fit:cover}

/* Cuadros pixel (decoración del manual) */
.f3-pix{position:absolute;display:grid;pointer-events:none}
.f3-pix--der{right:0}.f3-pix--izq{left:0}.f3-pix--arr{top:0}.f3-pix--aba{bottom:0}
.f3-pix i{display:block;aspect-ratio:1}
.f3-pix--36{grid-template-columns:repeat(3,36px)}.f3-pix--40{grid-template-columns:repeat(3,40px)}
.f3-pix--44{grid-template-columns:repeat(3,44px)}.f3-pix--48{grid-template-columns:repeat(4,48px)}
.f3-pix--52{grid-template-columns:repeat(4,52px)}
.f3-pix .y{background:var(--f3-amarillo)}.f3-pix .m{background:var(--f3-morado)}.f3-pix .r{background:var(--f3-rosa)}
.f3-pix .c{background:var(--f3-cian)}.f3-pix .v{background:var(--f3-verde)}.f3-pix .b{background:var(--f3-fondo)}
.f3-esq{position:absolute;right:0;top:0;width:40px;height:40px;background:var(--f3-amarillo)}
.f3-esq::after{content:"";position:absolute;right:40px;top:40px;width:18px;height:18px;background:var(--f3-fondo)}

@media (prefers-reduced-motion:reduce){.f3 *{animation:none!important;transition:none!important}}
.f3-oscuro .f3-btn--borde{color:#fff!important}