/* Notícias da KernelBase: usada na página inicial e em noticias.html */
.news-sec{--tag:var(--cyan)}
.news-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem 2rem;margin-bottom:2rem}
.news-head h2{margin:0}
.news-head p{color:var(--muted);max-width:34rem;margin-top:.5rem}
.news-live{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.news-live i{width:.55rem;height:.55rem;border-radius:50%;background:#59F0A8;box-shadow:0 0 0 0 rgba(89,240,168,.6);animation:kbpulse 2s infinite}
@keyframes kbpulse{70%{box-shadow:0 0 0 .6rem rgba(89,240,168,0)}100%{box-shadow:0 0 0 0 rgba(89,240,168,0)}}

.news-tools{display:flex;flex-wrap:wrap;gap:.8rem 1rem;align-items:center;margin-bottom:1.6rem}
.news-search{flex:1 1 15rem;min-width:0;font:inherit;font-family:var(--display);font-size:1rem;color:var(--ink);background:var(--deep);border:1px solid var(--rule);border-radius:999px;padding:.75rem 1.1rem}
.news-search::placeholder{color:var(--muted)}
.news-search:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px rgba(34,229,240,.25)}
.news-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{font-family:var(--display);font-weight:600;font-size:.9rem;line-height:1;color:var(--ink);background:transparent;border:1px solid var(--rule);border-radius:999px;padding:.6rem .95rem;cursor:pointer;transition:background .15s,border-color .15s}
.chip:hover{border-color:var(--cobalt)}
.chip[aria-pressed="true"]{background:var(--cobalt);border-color:var(--cobalt);color:#fff}
.chip small{opacity:.7;font-weight:500;margin-left:.3rem}
.news-count{font-family:var(--mono);font-size:.82rem;color:var(--muted);margin:-.6rem 0 1.2rem}

.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.news-card{position:relative;display:flex;flex-direction:column;gap:.7rem;padding:1.4rem 1.4rem 1.2rem;border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--deep));border:1px solid var(--rule);transition:transform .2s,border-color .2s,box-shadow .2s;scroll-margin-top:6rem}
.news-card::before{content:"";position:absolute;left:1.4rem;right:1.4rem;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--tag)}
.news-card:hover{transform:translateY(-3px);border-color:var(--tag);box-shadow:0 18px 40px -22px var(--tag)}
.news-card.is-target{border-color:var(--yellow);box-shadow:0 0 0 2px rgba(255,214,10,.35)}
.news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;font-family:var(--mono);font-size:.76rem;color:var(--muted)}
.news-tag{font-family:var(--display);font-weight:700;font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:var(--night);background:var(--tag);padding:.28rem .6rem;border-radius:5px}
.news-card h3{font-family:var(--display);font-weight:700;font-size:1.22rem;line-height:1.25;letter-spacing:-.01em;text-wrap:balance}
.news-card h3 a{color:var(--ink);text-decoration:none}
.news-card h3 a:hover{color:var(--tag)}
.news-card p{color:#CBD1FF;font-size:1rem;line-height:1.55}
.news-body{display:none;gap:.7rem;flex-direction:column;border-top:1px dashed var(--rule);padding-top:.9rem}
.news-card.open .news-body{display:flex}
.news-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding-top:.4rem}
.news-more{font-family:var(--display);font-weight:600;font-size:.92rem;color:var(--tag);background:none;border:0;padding:.2rem 0;cursor:pointer}
.news-more:hover{text-decoration:underline}
.news-link{font-family:var(--display);font-weight:600;font-size:.92rem;color:var(--ink);text-decoration:none;border:1px solid var(--cobalt);border-radius:6px;padding:.45rem .8rem}
.news-link:hover{background:var(--cobalt);color:#fff}

.news-feature{grid-column:1/-1;flex-direction:row;gap:1.6rem;padding:1.8rem;background:linear-gradient(120deg,var(--panel),#1b1560 60%,#2a1470)}
.news-feature .news-main{display:flex;flex-direction:column;gap:.8rem;flex:1;min-width:0}
.news-feature h3{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.2rem);line-height:1.12}
.news-feature p{font-size:1.1rem}
.news-feature .news-pin{align-self:flex-start;font-family:var(--mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow)}

.t-curso{--tag:var(--yellow)}.t-lpic1{--tag:var(--cyan)}.t-lab{--tag:#59F0A8}.t-novidade{--tag:var(--magenta)}.t-comunidade{--tag:#FFA94D}.t-kernel{--tag:var(--cobalt)}
.t-kernel .news-tag{color:#fff}

.news-empty,.news-skel{border:1px dashed var(--rule);border-radius:16px;padding:2rem;text-align:center;color:var(--muted);grid-column:1/-1}
.news-skel{border-style:solid;min-height:9rem;background:linear-gradient(90deg,var(--deep),var(--panel),var(--deep));background-size:200% 100%;animation:kbshim 1.4s linear infinite}
@keyframes kbshim{to{background-position:-200% 0}}
.news-foot{display:flex;justify-content:center;margin-top:1.8rem}

.news-page-top{padding:clamp(2.5rem,6vw,4.5rem) 0 1rem}
.news-page-top h1{font-size:clamp(2.3rem,1rem + 4vw,4rem)}
.news-page-top p{margin-top:1rem;max-width:38rem;color:#DDE1FF}

.ed{display:grid;gap:1rem;max-width:44rem}
.ed label{display:grid;gap:.35rem;font-family:var(--display);font-weight:600;font-size:.95rem}
.ed input,.ed select,.ed textarea{font:inherit;font-family:var(--serif);font-size:1rem;color:var(--ink);background:var(--deep);border:1px solid var(--rule);border-radius:8px;padding:.7rem .85rem;width:100%}
.ed textarea{min-height:7rem;resize:vertical}
.ed input:focus,.ed select:focus,.ed textarea:focus{border-color:var(--cyan);outline:none}
.ed .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ed pre{background:#050816;border:1px solid var(--rule);border-radius:10px;padding:1rem;overflow:auto;font-family:var(--mono);font-size:.82rem;line-height:1.6;color:var(--yellow);white-space:pre-wrap;word-break:break-word}
.ed .hint{color:var(--muted);font-size:.95rem}

@media (max-width:900px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-feature{flex-direction:column}}
@media (max-width:620px){.news-grid{grid-template-columns:1fr}.ed .row{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.news-card,.chip{transition:none}.news-card:hover{transform:none}.news-live i,.news-skel{animation:none}}
