:root{--gl-card:transparent;--gl-text:currentColor;--gl-brd:color-mix(in srgb,currentColor 15%,transparent);--gl-shd:rgba(0,0,0,0.1);--gl-icon:currentColor;--gl-accent:#dc2626;--gl-new:color-mix(in srgb,currentColor 5%,transparent);}
@media(prefers-color-scheme:dark){:root{--gl-shd:rgba(0,0,0,0.6);}}
#gl-live-wrapper{margin:2rem 0;clear:both;}
.gl-header{display:flex;align-items:center;gap:4px;padding:0 0 10px 0;margin:0 0 18px 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:600;text-transform:uppercase;color:var(--gl-accent);border-bottom:1px solid var(--gl-brd);}
.gl-pulse{width:8px;height:8px;background:var(--gl-accent);border-radius:50%;animation:glp 1.5s infinite;flex:0 0 auto;}
@keyframes glp{0%,100%{opacity:1}50%{opacity:0.4}}
#gl-container{display:flex;flex-direction:column;gap:20px;}
.gl-update{padding:.5rem 1rem 1rem;background:var(--gl-card);color:var(--gl-text);position:relative;transition:background 1.5s ease,border-color 1.5s ease,transform 0.3s ease;border:solid 0.1rem var(--gl-brd);border-radius:0.3rem;box-shadow:2px 2px 15px -6px var(--gl-shd);}
.gl-new{animation:glf 0.8s ease-out;background:var(--gl-new);border-color:#7c1e1e;}
@keyframes glf{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.gl-update:first-of-type::before{content:"LO ÚLTIMO";position:absolute;top:-12px;right:15px;background:var(--gl-accent);color:#f3bfbf;font-family:system-ui,-apple-system,sans-serif;font-size:0.65rem;font-weight:500;padding:2px 8px;border-radius:3px;letter-spacing:0.5px;z-index:5;}
.gl-time{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:700;font-size:0.8rem;color:var(--gl-accent);}
.gl-title{margin:0 0 10px 0;color:inherit;border:none;font-size:1.4rem;line-height:1.2;}
.gl-body p{font-size:1.15rem;line-height:1.4;}
.gl-img{width:100%;border-radius:6px;margin-bottom:15px;display:block;height:auto;}
#gl-live-wrapper .gl-footer{display:flex;gap:20px;align-items:center;padding-top:1rem;}
#gl-live-wrapper .gl-footer a{display:flex;text-decoration:none;border:0;background:none;padding:0;margin:0;}
#gl-live-wrapper .gl-footer svg{width:18px;height:18px;display:block;}
#gl-live-wrapper .gl-footer svg path{fill:var(--gl-icon);}
.gl-loading{padding:20px;text-align:center;font-size:0.75rem;color:currentColor;opacity:0.5;}