/* ============================================================
   GLOBAL WIRE — folha de estilo única e compartilhada
   Usada por TODAS as páginas do site (home, artigos, sobre,
   contato, privacidade, termos). Consolidada a partir dos
   blocos <style> que antes eram duplicados em cada página.
   ============================================================ */

/* ============================================================
   GLOBAL WIRE — shared stylesheet (used by every page on the site)
   ============================================================ */
:root{
  --bg:#f5f6fb;
  --surface:#ffffff;
  --ink:#13141f;
  --text-soft:#5b5f70;
  --border:#e5e6f0;
  --nav:#0c0e18;
  --brand:#4338ca;
  --brand-light:#eceafc;
  --live:#f97316;

  --world:#e11d48;
  --world-bg:#fdecef;
  --politics:#4338ca;
  --politics-bg:#eceafc;
  --business:#d97706;
  --business-bg:#fdf3e3;
  --tech:#0891b2;
  --tech-bg:#e6f6f9;
  --science:#059669;
  --science-bg:#e6f7f1;
  --celebrities:#be185d;
  --celebrities-bg:#fce7f1;
  --games:#7c3aed;
  --games-bg:#f1eafd;
  --movies:#2563eb;
  --movies-bg:#eaf1fd;
  --series:#c026d3;
  --series-bg:#fbe9fb;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'Inter', sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
:focus-visible{outline:2px solid var(--brand); outline-offset:2px;}
.disp{font-family:'Space Grotesk', sans-serif;}
.mono{font-family:'JetBrains Mono', monospace;}

/* ===== TOP BAR ===== */
.topbar{ background:var(--nav); color:#fff; position:sticky; top:0; z-index:30; border-bottom:1px solid #1c2130; }
.topbar-inner{
  max-width:1240px; margin:0 auto; padding:14px 24px;
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
}
.logo{ font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:19px; letter-spacing:-.01em; display:flex; align-items:center; gap:9px; }
.logo .mark{
  width:26px; height:26px; border-radius:8px;
  background:transparent;
  display:flex; align-items:center; justify-content:center; font-size:13px;
}
.status{ font-family:'JetBrains Mono', monospace; font-size:11.5px; color:#9aa0b0; display:flex; align-items:center; gap:8px; flex-wrap:wrap; row-gap:3px; } .status > *{ white-space:nowrap; }
.status .pulse{ width:7px; height:7px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 0 rgba(34,197,94,.6); animation:pulse 2s infinite; }
@keyframes pulse{ 0%{box-shadow:0 0 0 0 rgba(34,197,94,.55);} 70%{box-shadow:0 0 0 7px rgba(34,197,94,0);} 100%{box-shadow:0 0 0 0 rgba(34,197,94,0);} }
@media (prefers-reduced-motion: reduce){ .status .pulse{animation:none;} }

.site-search{ position:relative; display:flex; align-items:center; margin-left:auto; }
.site-search-bar{ position:relative; display:flex; align-items:center; }
.site-search input{
  width:150px; max-width:32vw; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16);
  color:#fff; border-radius:20px; padding:6px 12px 6px 32px; font-size:13px; font-family:'Inter',sans-serif;
  transition:width .2s ease, background .2s ease; outline:none;
}
.site-search input::placeholder{ color:#aab0c0; }
.site-search input:focus{ width:220px; max-width:50vw; background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.35); }
.site-search-icon{ position:absolute; left:10px; width:13px; height:13px; pointer-events:none; opacity:.75; }
.site-search .clear-btn{ position:absolute; right:8px; background:none; border:0; color:#aab0c0; cursor:pointer; font-size:15px; line-height:1; padding:2px; display:none; }
.site-search .clear-btn.show{ display:block; }
.site-search-toggle{ display:none; }
.site-search-close{ display:none; }
.site-search-results{
  position:absolute; top:calc(100% + 8px); right:0; width:340px; max-width:88vw; max-height:70vh; overflow-y:auto;
  background:#fff; border:1px solid var(--border); border-radius:12px; box-shadow:0 12px 32px rgba(20,20,45,.18);
  z-index:60; display:none;
}
.site-search-results.show{ display:block; }
.site-search-results .ssr-empty{ padding:18px 16px; font-size:13.5px; color:var(--text-soft); }
.site-search-results a.ssr-item{ display:block; padding:12px 16px; text-decoration:none; border-bottom:1px solid var(--border); }
.site-search-results a.ssr-item:last-child{ border-bottom:none; }
.site-search-results a.ssr-item:hover{ background:var(--surface); }
.site-search-results .ssr-cat{ font-family:'JetBrains Mono', monospace; font-size:10.5px; text-transform:uppercase; letter-spacing:.05em; color:var(--brand); }
.site-search-results .ssr-title{ display:block; font-family:'Space Grotesk', sans-serif; font-weight:600; font-size:14px; color:var(--ink); margin-top:3px; line-height:1.35; }
.site-search-results .ssr-excerpt{ display:block; font-size:12.5px; color:var(--text-soft); margin-top:4px; line-height:1.4; }
mark{ background:#fff2a8; color:inherit; border-radius:2px; padding:0 1px; }
html.search-lock, html.search-lock body{ overflow:hidden; height:100%; }

/* Mobile: the inline pill is replaced by a single icon button that opens a
   full-screen search overlay — the same pattern big news apps use. */
@media (max-width:700px){
  .site-search{ margin-left:8px; width:auto; order:0; }
  .site-search-toggle{
    display:flex; align-items:center; justify-content:center;
    width:34px; height:34px; border-radius:50%; flex-shrink:0;
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16); color:#fff;
    cursor:pointer; padding:0;
  }
  .site-search-toggle svg{ width:15px; height:15px; }
  .site-search-bar{ display:none; }
  .site-search-results{ display:none; }

  .site-search.is-open{
    position:fixed; inset:0; z-index:200; margin:0;
    background:var(--nav,#12141f); padding:12px 14px; flex-direction:column; align-items:stretch;
  }
  .site-search.is-open .site-search-toggle{ display:none; }
  .site-search.is-open .site-search-bar{
    display:flex; align-items:center; gap:8px; position:static; flex:0 0 auto;
  }
  .site-search.is-open .site-search-icon{ position:static; opacity:.7; flex-shrink:0; }
  .site-search.is-open input{
    display:block; flex:1; width:auto; max-width:none; padding:10px 14px; border-radius:10px; font-size:16px;
  }
  .site-search.is-open input:focus{ width:auto; max-width:none; }
  .site-search.is-open .clear-btn{ position:static; flex-shrink:0; }
  .site-search.is-open .site-search-close{
    display:block; position:static; flex-shrink:0; background:none; border:0; color:#fff;
    font-size:24px; line-height:1; padding:2px 4px; cursor:pointer;
  }
  .site-search.is-open .site-search-results{
    display:block; position:static; width:100%; max-width:none; margin-top:14px;
    max-height:none; flex:1 1 auto; overflow-y:auto; box-shadow:none; border:none; background:transparent;
  }
  .site-search.is-open a.ssr-item{ background:#1b1e2c; border:1px solid #262b3d; border-radius:10px; margin-bottom:8px; padding:14px; }
  .site-search.is-open .ssr-title{ color:#fff; }
  .site-search.is-open .ssr-excerpt{ color:#aab0c0; }
  .site-search.is-open .ssr-empty{ color:#aab0c0; }
}
.navpills{ background:var(--nav); border-bottom:1px solid #1c2130; }
.navpills-inner{ max-width:1240px; margin:0 auto; padding:14px 24px 16px; display:flex; gap:8px; flex-wrap:wrap; }
.navpills a{
  font-family:'Space Grotesk', sans-serif; font-size:13px; font-weight:500;
  color:#c3c8d4; background:#181c27; padding:7px 14px; border-radius:100px;
  border:1px solid #262c3b; transition:all .15s ease;
}
.navpills a.w-world:hover{background:var(--world); color:#fff; border-color:var(--world);}
.navpills a.w-politics:hover{background:var(--politics); color:#fff; border-color:var(--politics);}
.navpills a.w-business:hover{background:var(--business); color:#fff; border-color:var(--business);}
.navpills a.w-tech:hover{background:var(--tech); color:#fff; border-color:var(--tech);}
.navpills a.w-science:hover{background:var(--science); color:#fff; border-color:var(--science);}
.navpills a.w-celebrities:hover{background:var(--celebrities); color:#fff; border-color:var(--celebrities);}
.navpills a.w-games:hover{background:var(--games); color:#fff; border-color:var(--games);}
.navpills a.w-movies:hover{background:var(--movies); color:#fff; border-color:var(--movies);}
.navpills a.w-series:hover{background:var(--series); color:#fff; border-color:var(--series);}
.navpills a.plain:hover{background:var(--brand); color:#fff; border-color:var(--brand);}

main{ max-width:1240px; margin:0 auto; padding:40px 24px 70px; }

/* ===== HERO ===== */
.hero{
  background:var(--surface); border:1px solid var(--border); border-radius:20px; overflow:hidden;
  display:grid; grid-template-columns:1fr 1fr; margin-bottom:56px; box-shadow:0 1px 2px rgba(20,20,30,.04);
}
.hero-art{
  background:var(--nav);
  min-height:280px; position:relative; overflow:hidden;
}
.hero-art img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}
.hero-art::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(12,14,24,.05) 0%, rgba(12,14,24,.55) 100%);
}
.hero-art .badge{
  position:absolute; top:20px; left:20px; background:rgba(255,255,255,.16); color:#fff;
  font-family:'JetBrains Mono', monospace; font-size:11px; padding:6px 12px; border-radius:100px;
  letter-spacing:.04em; backdrop-filter:blur(6px); z-index:2;
}
.hero-body{ padding:36px 40px; display:flex; flex-direction:column; justify-content:center; }
.eyebrow{
  display:inline-flex; align-items:center; gap:7px; font-family:'Space Grotesk', sans-serif;
  font-size:12.5px; font-weight:700; color:var(--world); text-transform:uppercase; letter-spacing:.06em; margin-bottom:12px;
}
.eyebrow .dot{width:7px; height:7px; border-radius:50%; background:currentColor;}
.hero h1{ font-family:'Space Grotesk', sans-serif; font-size:clamp(24px,2.6vw,32px); line-height:1.18; margin:0 0 14px; font-weight:700; }
.hero p{ font-size:15.5px; line-height:1.65; color:var(--text-soft); margin:0 0 18px; }
.meta{ font-family:'JetBrains Mono', monospace; font-size:11.5px; color:#9096a3; }
.source-link{
  display:inline-flex; align-items:center; gap:5px; font-family:'Space Grotesk', sans-serif;
  font-size:12.5px; font-weight:600; color:var(--brand); margin-top:4px;
}
.source-link:hover{text-decoration:underline;}

/* ===== SECTIONS ===== */
.home-intro{ max-width:700px; margin:0 0 36px; }
.home-intro h1{ font-family:'Space Grotesk', sans-serif; font-size:clamp(24px,4vw,32px); line-height:1.2; margin:0 0 10px; color:var(--ink); }
.home-intro p{ font-size:15px; line-height:1.6; color:var(--text-soft); margin:0; }
.section-head h2.chip{ margin:0; }
.section-block{ margin-bottom:56px; scroll-margin-top:112px; }
.section-head{ display:flex; align-items:center; gap:12px; margin-bottom:20px; flex-wrap:wrap; }
.section-head .chip{
  font-family:'Space Grotesk', sans-serif; font-size:13px; font-weight:700; text-transform:uppercase;
  letter-spacing:.04em; color:#fff; background:var(--c, var(--brand)); padding:6px 16px; border-radius:100px;
}
.section-head .count{ font-family:'JetBrains Mono', monospace; font-size:11.5px; color:var(--text-soft); }
.section-head .rule{ flex:1; height:1px; background:var(--border); min-width:40px; }

.grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; }
.card{
  background:var(--surface); border:1px solid var(--border); border-top:4px solid var(--c, var(--brand));
  border-radius:12px; padding:0; display:flex; flex-direction:column; overflow:hidden;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.card:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(20,20,30,.08); }
.card .thumb{ aspect-ratio:16/10; overflow:hidden; background:var(--cbg, var(--brand-light)); }
.card .thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.card:hover .thumb img{ transform:scale(1.04); }
.card .card-body{ padding:18px 20px 20px; display:flex; flex-direction:column; flex-grow:1; }
.card .cat{
  font-family:'Space Grotesk', sans-serif; font-size:11px; font-weight:700; text-transform:uppercase;
  letter-spacing:.05em; color:var(--c, var(--brand)); background:var(--cbg, var(--brand-light));
  display:inline-flex; align-items:center; gap:6px; margin-bottom:10px; padding:3px 10px; border-radius:100px; align-self:flex-start;
}
.card h3{ font-size:16.5px; line-height:1.32; font-weight:700; margin:0 0 8px; }
.card p{ font-size:13.8px; line-height:1.62; color:var(--text-soft); margin:0 0 14px; flex-grow:1; }
.card .meta{ font-size:11px; padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; }

.s-world{ --c:var(--world); --cbg:var(--world-bg); }
.s-politics{ --c:var(--politics); --cbg:var(--politics-bg); }
.s-business{ --c:var(--business); --cbg:var(--business-bg); }
.s-tech{ --c:var(--tech); --cbg:var(--tech-bg); }
.s-science{ --c:var(--science); --cbg:var(--science-bg); }
.s-celebrities{ --c:var(--celebrities); --cbg:var(--celebrities-bg); }
.s-games{ --c:var(--games); --cbg:var(--games-bg); }
.s-movies{ --c:var(--movies); --cbg:var(--movies-bg); }
.s-series{ --c:var(--series); --cbg:var(--series-bg); }

/* ===== SIMPLE CONTENT PAGES (About / Privacy / Terms / Contact) ===== */
.page{
  background:var(--surface); border:1px solid var(--border); border-radius:20px;
  padding:44px; max-width:820px; margin:0 auto;
}
.page h1{ font-family:'Space Grotesk', sans-serif; font-size:30px; margin:0 0 6px; }
.page .updated{ font-family:'JetBrains Mono', monospace; font-size:11.5px; color:var(--text-soft); margin-bottom:28px; display:block; }
.page h2{ font-family:'Space Grotesk', sans-serif; font-size:18px; margin:28px 0 10px; color:var(--brand); }
.page p, .page li{ font-size:15px; line-height:1.75; color:#33364a; }
.page ul{ padding-left:20px; }
.page a.inline{ color:var(--brand); font-weight:600; }
.page a.inline:hover{ text-decoration:underline; }
.contact-box{
  background:var(--brand-light); border:1px solid #d9d5f7; border-radius:14px; padding:20px 24px; margin-top:8px;
}
.contact-box .label{ font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--text-soft); text-transform:uppercase; letter-spacing:.05em; }
.contact-box .value{ font-family:'Space Grotesk', sans-serif; font-size:17px; font-weight:600; color:var(--brand); }

footer{
  background:var(--nav); color:#8a90a0; padding:36px 24px; border-top:1px solid #1c2130;
  font-family:'Inter', sans-serif; font-size:13px;
}
.footer-inner{ max-width:1240px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; }
.footer-links{ display:flex; gap:18px; flex-wrap:wrap; }
.footer-links a:hover{ color:#fff; }
.footer-copy{ font-family:'JetBrains Mono', monospace; font-size:11px; color:#6b7180; }

@media (max-width:900px){
  .hero{grid-template-columns:1fr;}
  .hero-art{min-height:160px;}
  .grid{grid-template-columns:1fr 1fr;}
  .page{padding:28px 22px;}
}
@media (max-width:600px){
  .grid{grid-template-columns:1fr;}
  .hero-body{padding:26px 22px;}
}


.article-wrap{ max-width:760px; margin:0 auto; }
.article-hero-img{ width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:16px; margin-bottom:26px; }
.article-header .cat{ margin-bottom:14px; }
.article-header h1{ font-family:'Space Grotesk', sans-serif; font-size:clamp(26px,4vw,38px); line-height:1.15; margin:0 0 16px; font-weight:700; }
.article-header .subdek{ font-size:17px; line-height:1.6; color:var(--text-soft); margin:0 0 18px; }
.byline{ font-family:'Space Grotesk', sans-serif; font-weight:600; font-size:13px; color:var(--brand); margin:18px 0 4px; }
.article-meta-row{ display:flex; gap:16px; align-items:center; flex-wrap:wrap; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid var(--border); }
.article-updated{ font-size:13.5px; line-height:1.6; font-style:italic; color:var(--text-soft); margin:0 0 32px !important; padding:10px 14px; display:block; border-left:3px solid var(--border); background:rgba(120,130,150,.06); border-radius:0 8px 8px 0; }
.article-body{ font-size:17px; line-height:1.8; color:#25283a; }
.article-body p:first-child{ margin-top:0; }
.article-body p{ margin:0 0 20px; }
.article-body h2{ font-family:'Space Grotesk', sans-serif; font-size:21px; margin:36px 0 14px; color:var(--ink); }
.article-body .pullquote{
  font-family:'Space Grotesk', sans-serif; font-size:20px; font-weight:600; line-height:1.5;
  border-left:4px solid var(--c, var(--brand)); padding:6px 0 6px 22px; margin:28px 0; color:var(--ink);
}
.article-body .pullquote cite{ display:block; font-family:'JetBrains Mono', monospace; font-size:12px; font-weight:400; color:var(--text-soft); margin-top:8px; font-style:normal; }
.sources-box{ background:var(--bg); border:1px solid var(--border); border-radius:14px; padding:22px 24px; margin-top:40px; }
.sources-box h3{ font-family:'Space Grotesk', sans-serif; font-size:14px; text-transform:uppercase; letter-spacing:.05em; margin:0 0 12px; color:var(--text-soft); }
.sources-box ul{ margin:0; padding-left:20px; }
.sources-box li{ margin-bottom:8px; font-size:14px; }
.sources-box a{ color:var(--brand); font-weight:600; }
.sources-box a:hover{ text-decoration:underline; }
.analysis-box{ background:var(--brand-light); border:1px solid #d8d4fb; border-left:4px solid var(--brand); border-radius:14px; padding:22px 24px; margin-top:32px; }
.analysis-head{ display:flex; align-items:center; gap:11px; margin-bottom:10px; }
.analysis-avatar{ width:34px; height:34px; border-radius:50%; object-fit:cover; flex-shrink:0; box-shadow:0 0 0 1px rgba(120,130,150,.3), 0 2px 6px rgba(20,20,45,.15); }
.analysis-box h3{ font-family:'Space Grotesk', sans-serif; font-size:14px; text-transform:uppercase; letter-spacing:.05em; margin:0; color:var(--brand); }
.analysis-box p{ font-size:14.5px; line-height:1.7; color:var(--ink); margin:0; }
.back-link{ display:inline-flex; align-items:center; gap:6px; font-family:'Space Grotesk', sans-serif; font-weight:600; font-size:13.5px; color:var(--text-soft); margin-bottom:24px; }
.back-link:hover{ color:var(--brand); }


/* ===== COOKIE CONSENT ===== */
.cookie-banner{
  position:fixed; left:16px; right:16px; bottom:16px; z-index:100;
  max-width:640px; margin:0 auto;
  background:var(--nav); color:#e7e9f2; border:1px solid #262c3b; border-radius:16px;
  padding:20px 22px; box-shadow:0 12px 32px rgba(10,10,20,.35);
  display:none;
}
.cookie-banner.show{ display:block; animation:cookieUp .25s ease; }
@keyframes cookieUp{ from{ transform:translateY(12px); opacity:0; } to{ transform:translateY(0); opacity:1; } }
.cookie-banner p{ margin:0 0 14px; font-size:13.5px; line-height:1.6; color:#c3c8d4; }
.cookie-banner p a{ color:#fff; text-decoration:underline; }
.cookie-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.cookie-btn{ font-family:'Space Grotesk', sans-serif; font-size:12.5px; font-weight:600; padding:9px 16px; border-radius:100px; border:1px solid transparent; cursor:pointer; }
.cookie-btn.primary{ background:var(--brand); color:#fff; }
.cookie-btn.primary:hover{ background:#372fb0; }
.cookie-btn.ghost{ background:transparent; color:#c3c8d4; border-color:#33394a; }
.cookie-btn.ghost:hover{ background:#181c27; color:#fff; }
.cookie-modal-overlay{ position:fixed; inset:0; background:rgba(10,10,18,.55); z-index:110; display:none; align-items:center; justify-content:center; padding:20px; }
.cookie-modal-overlay.show{ display:flex; }
.cookie-modal{ background:var(--surface); color:var(--ink); border-radius:18px; max-width:480px; width:100%; padding:28px; max-height:86vh; overflow-y:auto; }
.cookie-modal h2{ font-family:'Space Grotesk', sans-serif; font-size:20px; margin:0 0 6px; }
.cookie-modal > p{ font-size:13.5px; line-height:1.6; color:var(--text-soft); margin:0 0 20px; }
.cookie-cat{ border-top:1px solid var(--border); padding:14px 0; display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.cookie-cat:last-of-type{ border-bottom:1px solid var(--border); }
.cookie-cat-info h3{ font-family:'Space Grotesk', sans-serif; font-size:14px; margin:0 0 4px; }
.cookie-cat-info p{ font-size:12.5px; line-height:1.55; color:var(--text-soft); margin:0; }
.cookie-toggle{ position:relative; width:40px; height:22px; flex-shrink:0; }
.cookie-toggle input{ opacity:0; width:0; height:0; position:absolute; }
.cookie-toggle .track{ position:absolute; inset:0; background:#d7d9e6; border-radius:100px; transition:.15s; cursor:pointer; }
.cookie-toggle .track::before{ content:""; position:absolute; width:16px; height:16px; left:3px; top:3px; background:#fff; border-radius:50%; transition:.15s; }
.cookie-toggle input:checked + .track{ background:var(--brand); }
.cookie-toggle input:checked + .track::before{ transform:translateX(18px); }
.cookie-toggle input:disabled + .track{ background:#b9bccf; cursor:not-allowed; }
.cookie-modal-actions{ display:flex; gap:10px; margin-top:22px; flex-wrap:wrap; }
.footer-links button.cookie-pref-link{ background:none; border:none; padding:0; margin:0; font:inherit; color:inherit; cursor:pointer; }
.footer-links button.cookie-pref-link:hover{ color:#fff; }
@media (max-width:520px){ .cookie-banner{ left:10px; right:10px; bottom:10px; padding:18px; } }

.article-body a{ color:var(--brand); font-weight:600; }
.article-body a:hover{ text-decoration:underline; }


/* ===== Figuras inline (usadas em alguns artigos) ===== */
.inline-figure{ margin:32px 0; }
.inline-figure img{ width:100%; border-radius:12px; display:block; }
.inline-figure figcaption{ font-size:12.5px; color:var(--text-soft); margin-top:8px; font-style:italic; }


/* ===== Aviso de cookies — versão completa com modal de preferências ===== */
.cookie-banner a{ color:#9c9dfc; text-decoration:underline; }
.cookie-pref-link{ background:none; border:none; color:inherit; font:inherit; cursor:pointer; padding:0; }
.cookie-modal p{ font-size:13.5px; color:var(--text-soft); line-height:1.6; margin:0 0 20px; }
.cookie-cat:first-of-type{ border-top:none; }


/* ===== Página inicial (index) ===== */
/* ===== Polish pass: mobile fluidity + full-story badge ===== */
.card h3 a{ color:inherit; }
.card h3 a:hover{ text-decoration:underline; }
.hero h1 a:hover{ text-decoration:underline; }
.thumb{ position:relative; }
.full-badge{
  position:absolute; top:10px; left:10px; background:rgba(12,14,24,.82); color:#fff;
  font-family:'Space Grotesk', sans-serif; font-size:10px; font-weight:700; letter-spacing:.05em;
  text-transform:uppercase; padding:4px 9px; border-radius:100px; backdrop-filter:blur(4px);
}
@media (max-width:700px){
  main{ padding:24px 16px 50px; }
  .hero-body{ padding:22px 20px; }
  .section-head{ margin-bottom:16px; }
  .grid{ gap:14px; }
  .card .card-body{ padding:16px; }
  .navpills-inner{ padding:12px 16px 14px; gap:6px; }
  .navpills a{ padding:6px 11px; font-size:12px; }
  .topbar-inner{ padding:12px 16px; }
}
@media (max-width:420px){
  .hero h1{ font-size:22px; }
  .card h3{ font-size:15.5px; }
}


/* ===== Página Sobre (about) ===== */
.author-card{
  display:flex; flex-direction:column; gap:16px;
  margin-top:1.5rem; padding:1.6rem 1.7rem; border:1px solid rgba(120,130,150,.22); border-radius:16px;
  background:var(--surface); box-shadow:0 2px 10px rgba(20,20,45,.05);
}
.author-card .author-top{ display:flex; align-items:center; gap:18px; }
.author-card .author-photo{
  width:88px; height:88px; border-radius:50%; object-fit:cover;
  box-shadow:0 6px 18px rgba(20,20,45,.22); flex-shrink:0;
}
.author-card .author-heading{ display:flex; flex-direction:column; gap:3px; }
.author-card .author-name{ font-family:'Space Grotesk', sans-serif; font-size:19px; font-weight:700; color:var(--ink); line-height:1.25; }
.author-card .author-role{ font-family:'JetBrains Mono', monospace; font-size:11.5px; font-weight:500; letter-spacing:.04em; text-transform:uppercase; color:var(--brand); }
.author-card .author-bio{ font-size:15px; line-height:1.75; color:#33364a; margin:0; }


/* Editorial quality components */
.editorial-standard{margin:1.5rem 0;padding:1.2rem 1.35rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 1px 3px rgba(20,20,45,.05)}
.editorial-standard .eyebrow{display:block;font-size:.72rem;letter-spacing:.12em;font-weight:700;text-transform:uppercase;margin-bottom:.6rem;color:var(--brand);opacity:1}
.editorial-standard p{margin:.4rem 0;line-height:1.65;font-size:14.5px;color:var(--text-soft)}
.editorial-standard a{ color:var(--brand); font-weight:700; text-decoration:underline; text-decoration-color:#c7c2f7; text-underline-offset:2px; }
.editorial-standard a:hover{ text-decoration-color:var(--brand); }
.editorial-standard ul{margin:.7rem 0 0 1.15rem;padding:0}
.editorial-standard li{margin:.4rem 0;line-height:1.6;font-size:14.5px;color:var(--text-soft)}
.article-glance{margin:1.5rem 0;padding:1.2rem 1.35rem;border:1px solid var(--border);border-left:4px solid var(--c, var(--brand));border-radius:4px 14px 14px 4px;background:var(--surface);box-shadow:0 1px 3px rgba(20,20,45,.05)}
.article-glance h2{margin:.1rem 0 .7rem;font-size:1rem;color:var(--ink)}
.article-glance ul{margin:.25rem 0 0;padding:0;list-style:none}
.article-glance li{margin:.5rem 0;line-height:1.55;padding-left:22px;position:relative}
.article-glance li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--brand)}

/* ===== Table of contents ("In This Story") ===== */
.toc{margin:1.6rem 0 2.1rem;padding:1.1rem 1.35rem;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 1px 3px rgba(20,20,45,.05)}
.toc-label{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);margin-bottom:.7rem}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:toc;display:flex;flex-direction:column;gap:9px}
.toc li{counter-increment:toc}
.toc a{display:flex;align-items:baseline;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14.5px;color:var(--ink);line-height:1.4}
.toc a::before{content:counter(toc);font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;color:var(--brand);flex-shrink:0;width:16px}
.toc a:hover{color:var(--brand);text-decoration:underline}
.article-body h2{scroll-margin-top:88px}
.reference-note{font-size:.92rem;opacity:.78;margin:.4rem 0 1rem}