*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p{margin:0}button{background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit}a{text-decoration:none;color:inherit}:root{color-scheme:light;--bg: #fafafa;--border: #e1e1e1;--text-main: #0a0a0a;--text-muted: #636363;--text-faint: #8f8f8f;--muted-bg: #f0f0f0;--hover-bg: #e8e8e8;--content-max: 65rem;--content-gap: clamp(1rem, 2vw, 1.5rem)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;background-color:var(--bg);background-image:linear-gradient(rgba(0,61,165,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,61,165,.07) 1px,transparent 1px);background-size:24px 24px;color:var(--text-main);margin:0;padding:1.25rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;display:flex;justify-content:center;align-items:flex-start;min-height:100vh}.briefing{width:min(100%,var(--content-max));margin-inline:auto;padding:var(--content-gap);background:#fff;border:1px solid var(--border);border-radius:1.25rem;box-shadow:0 1px 3px #00000005,0 10px 40px #0000000d;container-type:inline-size}.source-select-wrap{position:relative;display:inline-flex;align-items:center;margin-bottom:1.25rem}.source-trigger{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:9999px;font-size:.75rem;font-weight:600;color:#2c2c2c;cursor:pointer;transition:all .2s}.source-trigger:hover{background:#ecedee}.source-trigger:active{transform:scale(.97)}.chevron{width:.75rem;height:.75rem;flex-shrink:0;color:#71717a;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.source-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;min-width:240px;background:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:4px;box-shadow:#0000000d 0 4px 6px -1px,#00000008 0 2px 4px -1px;z-index:50;opacity:0;visibility:hidden;pointer-events:none;transform-origin:top left;transform:scale(.96);transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1),visibility 0s linear .12s;will-change:transform,opacity;max-height:min(60vh,24rem);overflow-y:auto}.source-dropdown.open{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);transition:opacity .12s cubic-bezier(.16,1,.3,1),transform .12s cubic-bezier(.16,1,.3,1),visibility 0s linear}.dropdown-group-label{padding:6px 10px 4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.dropdown-group-label:not(:first-child){margin-top:4px}.dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:8px 10px;border-radius:6px;font-size:.8125rem;font-weight:500;color:#09090b;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .1s ease}.dropdown-item:hover{background:#fafafa}.dropdown-item:active{background:#f0f0f0}.dropdown-item.selected{background:#f4f4f5;font-weight:600}.item-status-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;color:currentColor;opacity:0;transition:opacity .1s ease;margin-left:auto}.dropdown-item.selected .item-status-icon{opacity:1}.view-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:9999px;border:1px solid #e4e4e7;background:#f4f4f5;color:#71717a;cursor:pointer;transition:all .15s;margin-right:.375rem}.view-toggle:hover{background:#ecedee;color:#18181b}.view-toggle:active{transform:scale(.93)}.view-icon{width:.875rem;height:.875rem}#briefing-content.card-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:.75rem}.article-card{background:#fff;border:1px solid #e4e4e7;border-radius:.75rem;box-shadow:0 1px 2px #00000005;transition:box-shadow .2s,transform .2s;overflow:hidden;margin-bottom:.75rem;display:flex;flex-direction:column}#briefing-content.card-view .article-card{margin-bottom:0}.article-card:hover{box-shadow:0 4px 16px #0000000f;transform:translateY(-1px)}.card-link-area{display:block;padding:1rem 1rem .5rem;text-decoration:none;color:inherit;flex:1}.card-link-area:active{background:#fafafa}.card-image{width:100%;height:12rem;object-fit:cover;display:block}.card-title{font-size:clamp(.95rem,1.1vw + .5rem,1.1rem);font-weight:600;line-height:1.45;color:#18181b;margin-bottom:.3rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-summary{font-size:clamp(.8rem,.7vw + .5rem,.875rem);color:#52525b;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem .75rem}.article-time{font-size:.75rem;font-weight:500;color:#a1a1aa}.read-more{font-size:.75rem;font-weight:600;color:#71717a;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;transition:color .15s}.read-more:hover{color:#18181b}.read-more:after{content:"→";transition:transform .15s}.read-more:hover:after{transform:translate(2px)}.view-notice{margin-bottom:.75rem;padding:.5rem .75rem;font-size:.75rem;color:#71717a;background:#f4f4f5;border-radius:.5rem;text-align:center}.list-row{padding:1rem .75rem;border-bottom:1px solid #e4e4e7;transition:background .15s}.list-row:last-of-type{border-bottom:none}.list-row:hover{background:#fafafa}.list-row.has-desc{cursor:pointer}.list-row.has-desc:hover{background:#fafafa}.list-title{font-size:clamp(1rem,1.2vw + .5rem,1.2rem);font-weight:600;line-height:1.4;color:#18181b;margin-bottom:.25rem}.list-excerpt{font-size:clamp(.85rem,.8vw + .5rem,.95rem);color:#52525b;line-height:1.6}.list-row.expanded .list-excerpt{display:none}.desc-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dd-duration, .2s) var(--dd-easing, ease)}.list-row.expanded .desc-wrap{grid-template-rows:1fr}.desc-inner{overflow:hidden}.list-desc-full{font-size:clamp(.85rem,.8vw + .5rem,.95rem);color:#52525b;line-height:1.6;padding-top:.25rem}.list-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;position:relative}.list-time{font-size:.75rem;font-weight:500;color:#a1a1aa;flex:0 0 auto}.list-read{font-size:.75rem;font-weight:600;color:#71717a;text-decoration:none;transition:color .15s;flex:0 0 auto;cursor:pointer}.list-read:hover{color:#18181b}.list-read:after{content:"→";margin-left:.15rem;transition:transform .15s;display:inline-block}.list-read:hover:after{transform:translate(2px)}.expand-hint{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.7rem;color:#a1a1aa;opacity:0;transition:opacity .2s;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.list-row.has-desc:hover .expand-hint{opacity:1}.expand-hint svg{transition:transform .2s}.list-row.expanded .expand-hint svg{transform:rotate(180deg)}.hint-text:before{content:"Expandir"}.list-row.expanded .hint-text:before{content:"Collapsar"}.show-more-wrap{text-align:center;padding:1.25rem .75rem .5rem}.show-more-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:600;color:#71717a;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:9999px;cursor:pointer;transition:all .15s}.show-more-btn:hover{background:#ecedee;color:#18181b}.show-more-btn:active{transform:scale(.97)}.show-more-btn svg{transition:transform .2s}.show-more-btn.open svg{transform:rotate(180deg)}.empty-state{text-align:center;padding:4rem 1rem;color:var(--text-faint)}.empty-state p{font-size:.9rem}.error-state{text-align:center;padding:4rem 1rem;color:#ca5551}.error-state p{font-size:.9rem}.skeleton-block{margin-bottom:1.5rem}.skeleton-heading{height:.75rem;width:30%;background:var(--border);border-radius:.25rem;margin-bottom:.75rem;animation:pulse 1.5s ease-in-out infinite}.skeleton-row{display:flex;flex-direction:column;gap:.35rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.skeleton-line{height:.7rem;background:var(--border);border-radius:.125rem;animation:pulse 1.5s ease-in-out infinite}.skeleton-line.short{width:40%}.skeleton-line.medium{width:70%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:640px){body{padding:.75rem}.briefing{border-radius:1rem;padding:1rem}}
