/* Fractales · listas de Fractales Divulga (.fa) y Podcast (.fp): líneas con los colores del manual y, al pasar el cursor, la fila se llena de color y se despliega el banner con el resumen (artículos) o el reproductor de Spotify (podcast). */
.fr :is(.fa,.fp) ul{border-top:0}
/* que la lista no se salga por la derecha en tablet */
.fr .fl>*{min-width:0}.fr :is(.fa,.fp) h2{overflow-wrap:anywhere}
.fr :is(.fa,.fp) li{--c:#9203F1;--t:#fff;border-top:3px solid var(--c);border-bottom:0;padding-inline:.75rem;row-gap:0;background:linear-gradient(var(--c),var(--c)) 0 0/0% 100% no-repeat;transition:background-size .35s ease,color .3s}
.fr .fa li{flex-wrap:wrap}
.fr :is(.fa,.fp) li:nth-child(8n+2){--c:#FFF100;--t:#231F20}.fr :is(.fa,.fp) li:nth-child(8n+3){--c:#EE2A7B;--t:#fff}.fr :is(.fa,.fp) li:nth-child(8n+4){--c:#01A6E8;--t:#231F20}.fr :is(.fa,.fp) li:nth-child(8n+5){--c:#8DC63F;--t:#231F20}.fr :is(.fa,.fp) li:nth-child(8n+6){--c:#C71FE5;--t:#fff}.fr :is(.fa,.fp) li:nth-child(8n+7){--c:#15BAB1;--t:#231F20}.fr :is(.fa,.fp) li:nth-child(8n+8){--c:#FF6903;--t:#231F20}
.fr :is(.fa,.fp) li:last-child{border-bottom:3px solid var(--c)}
.fr :is(.fa,.fp) li:hover,.fr :is(.fa,.fp) li:focus-within{background-size:100% 100%}
.fr :is(.fa,.fp) li:is(:hover,:focus-within) :is(.taxonomy-category,.taxonomy-category a,h2,h2 a,.wp-block-post-date,.wp-block-post-date *,.wp-block-post-excerpt,.wp-block-post-excerpt *,.f3-pod-cats),.fr :is(.fa,.fp) li:is(:hover,:focus-within)::before,.fr .fa li:is(:hover,:focus-within)::after,.fr .fp li:is(:hover,:focus-within)>div::before{color:var(--t)!important}
.fr .fp li:is(:hover,:focus-within)::after{border-color:var(--t)}
/* Bloques desplegables (los añade el plugin) */
.f3-fa-ban{display:contents}.f3-fa-ex,.f3-fp-ban{display:none}
@media (hover:hover) and (min-width:768px){
/* Artículos: banner + resumen */
.fr .fa .f3-fa-ban{order:3;flex:0 0 calc(100% - 2rem - 1.4em);display:flex;align-items:center;gap:1.75rem;max-height:0;margin:0 0 0 calc(2rem + 1.4em);opacity:0;overflow:hidden;transition:max-height .45s ease,opacity .3s ease .05s,margin .45s ease}
.fr .fa li:is(:hover,:focus-within) .f3-fa-ban{max-height:260px;opacity:1;margin-top:1.25rem}
.fr .fa .f3-fa-ban figure{order:0;position:static!important;flex:0 0 auto;width:auto!important;height:auto!important;aspect-ratio:auto!important;margin:0;opacity:1!important;scale:1!important;translate:none!important;box-shadow:none!important;border-radius:0!important;overflow:hidden}
.fr .fa .f3-fa-ban img{width:auto!important;max-width:min(42vw,520px);height:auto!important;max-height:220px;object-fit:contain!important;display:block;border:3px solid var(--t)}
.fr .fa .f3-fa-ex{order:1;display:block;flex:1 1 0;min-width:0;max-width:52ch;margin:0;font-size:1.05rem;line-height:1.55;color:var(--t)}
.fr .fa .f3-fa-ex b{display:inline-block;margin-top:.6rem;font-weight:700}
/* Podcast: texto corto + reproductor de Spotify debajo */
.fr .fp .f3-fp-ban{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s ease,opacity .3s ease .05s,margin .45s ease}
.fr .fp li:is(:hover,:focus-within) .f3-fp-ban{grid-template-rows:1fr;opacity:1;margin-top:1rem}
.fr .fp .f3-fp-in{display:flex;flex-direction:column;gap:.9rem;min-height:0;overflow:hidden}
.fr .fp .f3-fp-tx{margin:0;max-width:62ch;font-size:1rem;line-height:1.5;color:var(--t)}
.fr .fp .f3-fp-rep{position:relative;z-index:3;max-width:640px;min-height:152px}
.fr .fp .f3-fp-rep iframe{display:block;width:100%;height:152px;border:0;border-radius:12px}
}
/* Tablet: en las filas de artículos, la imagen arriba y el resumen debajo */
@media (hover:hover) and (min-width:768px) and (max-width:1023px){
.fr .fa .f3-fa-ban{flex-direction:column;align-items:flex-start;gap:1rem}
.fr .fa li:is(:hover,:focus-within) .f3-fa-ban{max-height:560px}
.fr .fa .f3-fa-ban img{max-width:100%}
.fr .fa .f3-fa-ex{flex:none;max-width:none}
}
@media (prefers-reduced-motion:reduce){.fr :is(.fa,.fp) li,.fr .fa .f3-fa-ban,.fr .fp .f3-fp-ban{transition:none}}