/* Franja común con freemanlp.es: banner, avatar con anillo giratorio e identidad de PAUM25. */
.fl-franja,.fl-franja *{box-sizing:border-box}
.fl-franja{position:relative;isolation:isolate;color:#f4f7fc;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#101c30 url("/bannertwitch.png") 50% 5%/cover no-repeat}
.fl-franja::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#050816e6 0%,#050816b3 60%,#05081680 100%)}
.fl-franja-in{display:flex;align-items:center;gap:28px;max-width:1180px;margin:0 auto;padding:20px 24px;min-width:0}
.fl-owner{display:flex;flex:0 0 120px;flex-direction:column;align-items:center;gap:10px;min-height:44px;color:#e5edf8;font-size:.75rem;line-height:1.4;text-align:center;text-decoration:none}
.fl-owner:hover .fl-volver{text-decoration:underline;text-underline-offset:3px}
.fl-owner:focus-visible,.fl-nombre a:focus-visible{outline:3px solid #ffd400;outline-offset:4px;border-radius:8px}
.fl-avatar{position:relative;display:block;width:92px;height:92px;flex-shrink:0}
.fl-ring{position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 180deg,#fff,#1b3d9c,#ffd400,#fff);filter:blur(.8px);opacity:.95;animation:fl-giro 12s linear infinite}
.fl-avatar img{position:relative;display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #050816;background:#000;box-shadow:0 12px 30px #000b}
@keyframes fl-giro{to{transform:rotate(360deg)}}
.fl-marca{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.fl-nombre{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:700;line-height:1.1}
.fl-nombre a{color:#fff;text-decoration:none}
.fl-intro{max-width:700px;margin:0;color:#e2e8f0;font-size:.98rem;line-height:1.5;text-shadow:0 0 14px #000c}
.fl-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}
.fl-tags li{margin:0;padding:3px 10px;border:1px solid #94a3b88c;border-radius:999px;background:#0f172ac2;color:#dce7f6;font-size:.78rem;line-height:1.5}
@media(max-width:640px){.fl-franja-in{gap:14px;padding:14px}.fl-owner{flex-basis:78px;gap:8px;font-size:.64rem}.fl-avatar{width:64px;height:64px}.fl-nombre{font-size:1.5rem}.fl-intro{font-size:.84rem}.fl-tags{gap:5px}.fl-tags li{padding:2px 7px;font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.fl-ring{animation:none}}
@media(forced-colors:active){.fl-franja{border-bottom:1px solid CanvasText}.fl-ring{display:none}}
@media print{.fl-franja{display:none}}
