:root{--ufotl-deep:#12072d;--ufotl-card:#170b39;--ufotl-card2:#24104f;--ufotl-text:#fff;--ufotl-soft:#eef0ff;--ufotl-muted:#cfd3ee;--ufotl-cyan:#2ad6ff;--ufotl-purple:#9d36ef;--ufotl-pink:#e33ba7;--ufotl-border:rgba(255,255,255,.12)}
.ufotl-wrap{max-width:1120px;margin:0 auto;padding:24px 14px;color:var(--ufotl-soft)}.ufotl-wrap *{box-sizing:border-box}.ufotl-hero{position:relative;overflow:hidden;padding:30px 26px;border-radius:26px;background:linear-gradient(90deg,#170536 0%,#260949 58%,#551774 100%);border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 50px rgba(7,4,18,.2)}.ufotl-hero:after{content:"";position:absolute;right:-60px;top:-70px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(197,75,255,.42),transparent 70%)}.ufotl-eyebrow{position:relative;z-index:1;color:#8eeaff;font-size:.8rem;font-weight:900;letter-spacing:.14em}.ufotl-hero h2{position:relative;z-index:1;margin:10px 0;color:#fff!important;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.ufotl-hero p{position:relative;z-index:1;max-width:800px;margin:0;color:#f7f6ff!important;line-height:1.7}.ufotl-toolbar{display:grid;grid-template-columns:2fr 1.3fr 1fr .8fr auto;gap:12px;margin:18px 0;padding:16px;border-radius:20px;background:#fff;border:1px solid #e6e8f2;box-shadow:0 12px 30px rgba(20,24,48,.06)}.ufotl-toolbar label{display:grid;gap:6px;color:#1c2241;font-weight:800;font-size:.88rem}.ufotl-toolbar input,.ufotl-toolbar select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d8dced;border-radius:12px;background:#fff;color:#1a2040}.ufotl-reset{align-self:end;min-height:44px;padding:10px 14px;border:0;border-radius:12px;background:linear-gradient(90deg,var(--ufotl-purple),var(--ufotl-pink));color:#fff;font-weight:800;cursor:pointer}.ufotl-summary{margin:10px 2px 14px;color:#3c4260}.ufotl-summary strong{color:#7b2ed0}.ufotl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ufotl-card{display:flex;flex-direction:column;min-height:290px;padding:18px;border-radius:20px;background:linear-gradient(180deg,var(--ufotl-card),var(--ufotl-card2));border:1px solid var(--ufotl-border);box-shadow:0 16px 36px rgba(10,7,30,.15);transition:transform .22s ease,box-shadow .22s ease}.ufotl-card:hover{transform:translateY(-3px);box-shadow:0 22px 42px rgba(10,7,30,.22)}.ufotl-card__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.ufotl-code,.ufotl-format{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:.72rem;font-weight:900}.ufotl-code{background:rgba(42,214,255,.1);color:#8eeaff;border:1px solid rgba(42,214,255,.16)}.ufotl-format{background:rgba(255,255,255,.08);color:#fff}.ufotl-card h3{margin:14px 0 8px;color:#fff!important;font-size:1.18rem}.ufotl-card__meta{display:flex;gap:8px;flex-wrap:wrap;color:#dce0f7;font-size:.85rem}.ufotl-card__excerpt{margin:12px 0;color:#f0f1fb!important;line-height:1.58;flex:1}.ufotl-card__types{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.ufotl-tag{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(157,54,239,.14);color:#edddff;font-size:.74rem;font-weight:800}.ufotl-open{width:100%;padding:11px 14px;border:0;border-radius:12px;background:linear-gradient(90deg,#a333f1,#df3fb3);color:#fff;font-weight:900;cursor:pointer}.ufotl-loading,.ufotl-empty{padding:24px;text-align:center;border-radius:18px;background:#fff;color:#444b68}.ufotl-pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:20px}.ufotl-page{min-width:40px;height:40px;border:1px solid #dde0ee;border-radius:10px;background:#fff;color:#2c3150;font-weight:800;cursor:pointer}.ufotl-page.is-active{background:linear-gradient(90deg,#9332e8,#dc3eae);color:#fff;border-color:transparent}.ufotl-modal[hidden]{display:none}.ufotl-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:20px}.ufotl-modal__backdrop{position:absolute;inset:0;background:rgba(4,3,16,.76);backdrop-filter:blur(6px)}.ufotl-modal__panel{position:relative;z-index:1;width:min(800px,100%);max-height:88vh;overflow:auto;padding:26px;border-radius:24px;background:linear-gradient(180deg,#140932,#211049);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.4)}.ufotl-modal__close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:1.5rem;cursor:pointer}.ufotl-detail h2{padding-right:44px;color:#fff!important}.ufotl-detail__meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;color:#dfe2f7}.ufotl-detail__story{color:#f8f8ff!important;line-height:1.72}.ufotl-detail audio{width:100%;margin:16px 0}.ufotl-obs{margin-top:16px;padding:12px 14px;border-radius:14px;background:rgba(42,214,255,.08);border:1px solid rgba(42,214,255,.13);color:#eafcff}
@media(max-width:900px){.ufotl-toolbar{grid-template-columns:1fr 1fr}.ufotl-reset{align-self:stretch}.ufotl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.ufotl-toolbar,.ufotl-grid{grid-template-columns:1fr}.ufotl-hero{padding:24px 18px}.ufotl-wrap{padding:16px 10px}.ufotl-modal{padding:10px}.ufotl-modal__panel{padding:22px 18px}}

/* v1.5.0 multimedia */
.ufotl-card__media{display:inline-flex;align-self:flex-start;margin:0 0 12px;padding:6px 9px;border-radius:999px;background:rgba(42,214,255,.09);border:1px solid rgba(42,214,255,.14);color:#c7f6ff;font-size:.76rem;font-weight:800}.ufotl-media-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 20px}.ufotl-media-item{overflow:hidden;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}.ufotl-media-item img,.ufotl-media-item video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#070412}.ufotl-media-item img{cursor:zoom-in}.ufotl-media-item audio{display:block;width:calc(100% - 18px);margin:12px 9px}@media(max-width:620px){.ufotl-media-gallery{grid-template-columns:1fr}}


/* v1.6.1 comentarios públicos */
.ufotl-comments{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}.ufotl-comments h3{margin:0 0 8px;color:#fff!important}.ufotl-comments__intro{margin:0 0 16px;color:#dfe2f7!important;line-height:1.6}.ufotl-comments__list{display:grid;gap:10px;margin-bottom:18px}.ufotl-comment{padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.ufotl-comment__head{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;color:#fff}.ufotl-comment__type{padding:4px 8px;border-radius:999px;background:rgba(42,214,255,.1);color:#bcefff;font-size:.74rem;font-weight:800}.ufotl-comment__body{margin-top:8px;color:#f4f4ff;line-height:1.55}.ufotl-comment__body p{margin:.35em 0;color:#f4f4ff!important}.ufotl-comments__empty{color:#dfe2f7!important}.ufotl-comments__form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.ufotl-comments__form select,.ufotl-comments__form input,.ufotl-comments__form textarea{width:100%;padding:11px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:#fff;color:#1b2141}.ufotl-comments__form select,.ufotl-comments__form textarea,.ufotl-comment-submit,.ufotl-comment-state{grid-column:1/-1}.ufotl-comment-submit{padding:12px 14px;border:0;border-radius:999px;background:linear-gradient(90deg,#9b31eb,#e03da9);color:#fff;font-weight:900;cursor:pointer}.ufotl-comment-state{min-height:20px;color:#e7e8fa;font-weight:700}.ufotl-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}@media(max-width:620px){.ufotl-comments__form{grid-template-columns:1fr}.ufotl-comments__form select,.ufotl-comments__form textarea,.ufotl-comment-submit,.ufotl-comment-state{grid-column:auto}}

/* v2.2.0 · Relaciones públicas */
.ufotl-event{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0;padding:12px 14px;border-radius:14px;background:rgba(92,55,190,.08);border:1px solid rgba(92,55,190,.15)}
.ufotl-event strong{color:#4d2a9a}.ufotl-event span{color:#625a70;font-size:.9rem}
.ufotl-related{margin-top:26px;padding-top:22px;border-top:1px solid rgba(80,55,120,.12)}
.ufotl-related h3{margin-bottom:5px}.ufotl-related__intro{margin-top:0;color:#6a6274}
.ufotl-related__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.ufotl-related__card{appearance:none;text-align:left;padding:14px;border-radius:14px;border:1px solid #e7e0f1;background:#fff;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.ufotl-related__card:hover{transform:translateY(-2px);border-color:#b99de4;box-shadow:0 8px 20px rgba(75,42,130,.08)}
.ufotl-related__card strong{display:block;margin:6px 0;color:#26183f}.ufotl-related__card small{color:#6d5d84}
.ufotl-related__code{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.04em;color:#7745bd}
.ufotl-similar-cta{display:flex;gap:14px;align-items:flex-start;margin:26px 0 4px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#211049,#5a1f83 68%,#9b2c91);color:#fff}
.ufotl-similar-cta__icon{font-size:1.8rem}.ufotl-similar-cta h3,.ufotl-similar-cta p{color:#fff!important}.ufotl-similar-cta h3{margin:0 0 6px}.ufotl-similar-cta p{margin:0 0 14px;opacity:.9}
.ufotl-similar-cta__button{display:inline-flex;padding:10px 14px;border-radius:999px;background:#fff;color:#4b2476!important;text-decoration:none!important;font-weight:800}
@media(max-width:640px){.ufotl-similar-cta{flex-direction:column}}

/* v2.5.0 · Biblioteca avanzada */
.ufotl-public-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1120px;margin:18px auto}
.ufotl-public-stats>div{padding:18px;border-radius:18px;background:linear-gradient(180deg,#170b39,#24104f);color:#fff;text-align:center;border:1px solid rgba(255,255,255,.1)}
.ufotl-public-stats strong{display:block;font-size:30px;color:#fff}
.ufotl-public-stats span{font-size:12px;color:#d9dcef}
.ufotl-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.ufotl-page-link{display:flex;align-items:center;justify-content:center;padding:11px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);color:#fff!important;text-decoration:none!important;font-weight:900;font-size:.88rem}
@media(max-width:620px){.ufotl-public-stats{grid-template-columns:1fr 1fr}.ufotl-card__actions{grid-template-columns:1fr}}