:root{--red:#d90404;--dark:#b90000;--yellow:#ffd500;--ink:#1d1d1f;--mut:#666;--bg:#f4f4f4;--card:#fff;--line:#e3e3e3}
@media(prefers-color-scheme:dark){:root{--ink:#eee;--mut:#aaa;--bg:#121212;--card:#1d1d1d;--line:#333}}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{color:inherit;text-decoration:none}a:hover{color:var(--red)}img{max-width:100%;height:auto;display:block}
.w{max-width:1180px;margin:0 auto;padding:0 16px}
.top{background:#111;color:#ddd;font-size:13px}.top .w{display:flex;justify-content:space-between;padding:6px 16px}
header.main{background:var(--red);border-bottom:4px solid var(--yellow)}
header.main .w{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}
.logo{font-weight:900;font-size:28px;color:#fff;letter-spacing:-1px}.logo span{color:var(--yellow)}
form.s{display:flex}form.s input{padding:8px 10px;border:0;border-radius:4px 0 0 4px;width:200px}form.s button{border:0;background:var(--yellow);padding:8px 12px;font-weight:700;border-radius:0 4px 4px 0;cursor:pointer}
nav.cats{background:var(--dark)}nav.cats .w{display:flex;gap:2px;overflow-x:auto;white-space:nowrap}
nav.cats a{color:#fff;padding:10px 12px;font-size:14px;font-weight:600;text-transform:uppercase}nav.cats a:hover{background:var(--yellow);color:#000}
.tag{display:inline-block;background:var(--red);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:2px}
.hero{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:18px 0}.hero .big{position:relative;min-height:400px}
.ov{position:relative;overflow:hidden;border-radius:4px;background:#000;display:block}.ov img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.85}
.ov .t{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.9));color:#fff}
.ov .t h2,.ov .t h3{margin:6px 0 0;line-height:1.2}.hero .side{display:grid;grid-template-rows:1fr 1fr;gap:12px}.hero .side .ov{min-height:194px}
h2.sec{margin:28px 0 12px;font-size:20px;text-transform:uppercase;border-left:6px solid var(--red);padding-left:10px;border-bottom:2px solid var(--yellow)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.card{background:var(--card);border-radius:4px;overflow:hidden;border:1px solid var(--line)}.card .im{aspect-ratio:16/9;background:#ccc}.card .im img{width:100%;height:100%;object-fit:cover}
.card .b{padding:10px 12px}.card h3{margin:6px 0 4px;font-size:16px;line-height:1.25}.card time{font-size:12px;color:var(--mut)}
.layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}
article.post{background:var(--card);padding:24px;border-radius:4px;border:1px solid var(--line)}article h1{font-size:32px;line-height:1.15;margin:8px 0}
article .sub{font-size:19px;color:var(--mut);margin:0 0 14px}.meta{font-size:13px;color:var(--mut);margin-bottom:14px}
.body{font-size:18px;line-height:1.75}.body p{margin:0 0 1em}.body img{margin:12px auto}
.pager{display:flex;justify-content:space-between;margin:24px 0}.pager a{background:var(--red);color:#fff;padding:8px 16px;border-radius:4px}
footer{background:#111;color:#bbb;margin-top:40px;padding:26px 0;font-size:14px;border-top:4px solid var(--yellow)}
.box{background:var(--card);border:1px solid var(--line);padding:14px;border-radius:4px}
.adm{max-width:900px;margin:30px auto}.adm input,.adm textarea,.adm select{width:100%;padding:8px;margin:4px 0 12px;border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--ink);font:inherit}
.adm table{width:100%;border-collapse:collapse}.adm td,.adm th{padding:6px;border-bottom:1px solid var(--line);text-align:left}
.btn{background:var(--red);color:#fff;border:0;padding:8px 16px;border-radius:4px;cursor:pointer;display:inline-block}
@media(max-width:800px){.hero,.layout{grid-template-columns:1fr}.hero .big{min-height:260px}article h1{font-size:25px}form.s input{width:120px}}
/* ===== layout portal (faixa, últimas, editorias) ===== */
.ticker{background:var(--yellow);color:#000;font-size:14px;font-weight:700}.ticker .w{display:flex;gap:12px;align-items:center;padding:6px 16px;overflow:hidden;white-space:nowrap}
.ticker b{background:#000;color:var(--yellow);padding:2px 8px;border-radius:2px;text-transform:uppercase;font-size:12px}
.ticker a{overflow:hidden;text-overflow:ellipsis}
nav.cats{position:sticky;top:0;z-index:50;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.chapeu{color:var(--red);font-weight:800;text-transform:uppercase}
.home-top{display:grid;grid-template-columns:2.2fr 1fr;gap:16px;margin:16px 0}
.home-top .lead{min-height:420px}.home-top .lead h2{font-size:30px}
.ult{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:4px}
.ult h2{margin:0;padding:10px 14px;font-size:18px;background:var(--red);color:#fff;text-transform:uppercase}
.ult ul{list-style:none;margin:0;padding:0;max-height:420px;overflow:auto}
.ult li{display:flex;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.3}
.ult li time{color:var(--red);font-weight:800;min-width:42px}
.sub3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px}.sub3 .ov{min-height:190px}
.mt{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px;border-bottom:3px solid var(--red)}
.mt h2{margin:0;background:var(--red);color:#fff;padding:6px 16px;font-size:17px;text-transform:uppercase;border-radius:3px 3px 0 0}
.mt a.mais{font-size:13px;font-weight:700;color:var(--red);text-transform:uppercase}
.edit{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
.edit .lead{min-height:300px}.edit .lead h3{font-size:22px}
.lista{background:var(--card);border:1px solid var(--line);border-radius:4px}
.lista a{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:10px;border-bottom:1px solid var(--line);font-weight:600;font-size:15px;line-height:1.25}
.lista a:last-child{border:0}.lista img{width:96px;height:64px;object-fit:cover;border-radius:3px}
.lista small{display:block;color:var(--mut);font-weight:400;margin-top:3px}
@media(max-width:800px){.home-top,.edit,.sub3{grid-template-columns:1fr}.home-top .lead{min-height:260px}.home-top .lead h2{font-size:22px}}
/* ===== v3: fonte, simetria, menu com submenus ===== */
:root{--f:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--fs:'Merriweather',Georgia,serif;--gap:16px}
body{font-family:var(--f);font-size:16px;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--f);letter-spacing:-.01em}
.logo{font-weight:800;letter-spacing:-.03em}
article h1{font-family:var(--fs);font-weight:700;font-size:32px;line-height:1.25}
.body{font-family:var(--fs);font-size:17px;line-height:1.85}
article .sub{font-family:var(--f);font-weight:500}
/* menu */
nav.cats .w{display:block;overflow:visible;white-space:normal;padding:0 16px}
nav.cats ul{list-style:none;margin:0;padding:0}
.menu{display:flex;justify-content:space-between;align-items:stretch}
.menu>li{position:relative;flex:1 1 auto}
.menu>li>a{display:block;text-align:center;padding:12px 8px;color:#fff;font-size:13.5px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.menu>li:hover>a,.menu>li:focus-within>a{background:var(--yellow);color:#000}
.car{font-style:normal;font-size:10px;opacity:.8}
.sub{display:none;position:absolute;left:0;top:100%;min-width:100%;width:max-content;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.25);border-top:3px solid var(--yellow);z-index:60}
@media(prefers-color-scheme:dark){.sub{background:#1d1d1d}}
.menu>li:last-child .sub,.menu>li:nth-last-child(2) .sub{left:auto;right:0}
.has:hover>.sub,.has:focus-within>.sub{display:block}
.sub a{display:block;padding:10px 16px;font-size:14px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);text-transform:none}
.sub a:hover{background:var(--red);color:#fff}
.burger{display:none;width:100%;background:none;border:0;color:#fff;font:700 15px var(--f);padding:12px 0;text-align:left;cursor:pointer}
/* simetria: alturas fixas e iguais */
.home-top{align-items:stretch}
.home-top>div{display:flex;flex-direction:column;gap:var(--gap)}
.home-top .lead{min-height:0;height:400px}.home-top>div .sub3{margin:0!important}
.sub3 .ov{min-height:0;height:180px}
.ult{display:flex;flex-direction:column}.ult ul{flex:1;max-height:none;overflow:hidden}
.ult li{flex:1 1 0;align-items:center;min-height:0}
.ult li a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ov .t h2,.ov .t h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.grid{grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.card{display:flex;flex-direction:column;height:100%}.card .b{flex:1;display:flex;flex-direction:column}
.card h3{font-size:15.5px;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.75em}
.card time{margin-top:auto;padding-top:6px}
.edit{grid-template-columns:1fr 1fr;gap:var(--gap);align-items:stretch}
.edit .lead{min-height:0;height:100%;min-height:320px}
.lista{display:flex;flex-direction:column}.lista a{flex:1;align-items:center}
.lista a>span:last-child{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mt{margin:32px 0 var(--gap)}
.layout{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:var(--gap)}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.menu>li>a{padding:12px 6px;font-size:12.5px}}
@media(max-width:800px){
 .burger{display:block}.menu{display:none;flex-direction:column}nav.cats.open .menu{display:flex}
 .menu>li>a{text-align:left;padding:12px 4px;border-top:1px solid rgba(255,255,255,.15)}
 .sub{position:static;display:none;width:auto;box-shadow:none;border-top:0;background:rgba(0,0,0,.2)}
 .has.o>.sub{display:block}.has:hover>.sub{display:none}.has.o:hover>.sub{display:block}
 .sub a{color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-left:20px}
 .home-top .lead{height:260px}.sub3 .ov{height:150px}.edit,.home-top,.sub3,.layout{grid-template-columns:1fr}
 .ult li{flex:none;padding:10px 14px}.grid{grid-template-columns:1fr}
}
/* ===== v4: botões modernos e translúcidos (glass) ===== */
:root{--glass:rgba(255,255,255,.16);--glass-b:rgba(255,255,255,.35);--ease:.22s cubic-bezier(.4,0,.2,1)}
/* barra do menu */
header.main{background:linear-gradient(135deg,#e60a0a,#a80000)}
nav.cats{background:rgba(120,0,0,.88);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.12)}
.menu{gap:6px;padding:7px 0}
.menu>li>a{border-radius:999px;background:var(--glass);border:1px solid transparent;transition:background var(--ease),color var(--ease),transform var(--ease),box-shadow var(--ease);padding:9px 10px}
.menu>li:hover>a,.menu>li:focus-within>a{background:rgba(255,213,0,.92);color:#000;box-shadow:0 4px 14px rgba(255,213,0,.35);transform:translateY(-1px)}
.sub{border-radius:14px;margin-top:6px;border:1px solid var(--glass-b);background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);box-shadow:0 14px 34px rgba(0,0,0,.28);overflow:hidden}
.sub::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
@media(prefers-color-scheme:dark){.sub{background:rgba(28,28,28,.82)}}
.sub a{border-bottom:1px solid rgba(0,0,0,.06);transition:background var(--ease),padding var(--ease),color var(--ease)}
.sub a:hover{background:rgba(217,4,4,.92);color:#fff;padding-left:22px}
/* busca */
form.s{background:var(--glass);border:1px solid var(--glass-b);border-radius:999px;padding:3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
form.s input{background:transparent;color:#fff;border-radius:999px 0 0 999px;outline:0;padding:8px 14px}
form.s input::placeholder{color:rgba(255,255,255,.75)}
form.s button{background:rgba(255,213,0,.95);border-radius:999px;padding:8px 18px;transition:transform var(--ease),box-shadow var(--ease)}
form.s button:hover{transform:scale(1.04);box-shadow:0 4px 14px rgba(0,0,0,.3)}
/* etiquetas, botões e paginação */
.tag{background:rgba(217,4,4,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:3px 10px;letter-spacing:.03em;transition:background var(--ease)}
.tag:hover{background:rgba(217,4,4,.95);color:#fff}
.btn,.pager a,.mt a.mais{border-radius:999px;transition:transform var(--ease),box-shadow var(--ease),background var(--ease)}
.btn,.pager a{background:linear-gradient(135deg,rgba(230,10,10,.95),rgba(168,0,0,.92));border:1px solid rgba(255,255,255,.25);padding:9px 20px;font-weight:700;box-shadow:0 4px 12px rgba(217,4,4,.28)}
.btn:hover,.pager a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(217,4,4,.4);color:#fff}
.mt a.mais{background:rgba(217,4,4,.08);border:1px solid rgba(217,4,4,.35);padding:5px 14px}
.mt a.mais:hover{background:var(--red);color:#fff}
.burger{background:var(--glass);border:1px solid var(--glass-b);border-radius:999px;padding:10px 18px;margin:7px 0;width:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ticker b{border-radius:999px;padding:3px 12px}
/* cartões e destaques com leve elevação */
.card,.ov,.lista,.ult{border-radius:14px}.card{transition:transform var(--ease),box-shadow var(--ease)}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.14)}
.ov .t{background:linear-gradient(transparent,rgba(0,0,0,.35) 35%,rgba(0,0,0,.88))}
@media(max-width:800px){.menu{gap:0;padding:0 0 8px}.menu>li>a{border-radius:12px;margin-bottom:4px}.sub{margin-top:0;border-radius:12px;backdrop-filter:none}}
/* ===== v5: correção de cor dos submenus ===== */
nav.cats .sub{background:rgba(255,255,255,.94)}
nav.cats .sub a{color:#1d1d1f;background:transparent;text-transform:none;font-size:14px;font-weight:600;padding:11px 18px;text-align:left;border-radius:0;box-shadow:none;transform:none}
nav.cats .sub a:hover,nav.cats .sub a:focus{background:rgba(217,4,4,.95);color:#fff;padding-left:24px}
@media(prefers-color-scheme:dark){nav.cats .sub{background:rgba(30,30,30,.95)}nav.cats .sub a{color:#f1f1f1}}
@media(max-width:800px){
 nav.cats .sub{background:rgba(0,0,0,.28)}
 nav.cats .sub a{color:#fff;padding-left:22px}
 nav.cats .sub a:hover{background:rgba(255,213,0,.95);color:#000}
}
/* ===== v6: mais espaçamento ===== */
:root{--gap:24px}
.w{padding:0 24px}
.top .w{padding:9px 24px}
header.main .w{padding:22px 24px}
.logo{font-size:30px}
form.s{padding:4px}form.s input{padding:10px 18px;width:240px}form.s button{padding:10px 24px}
.ticker .w{padding:10px 24px;gap:16px}
nav.cats .w{padding:0 24px}
.menu{gap:12px;padding:12px 0}
.menu>li>a{padding:12px 18px;font-size:13.5px}
nav.cats .sub{margin-top:10px;min-width:220px}
nav.cats .sub a{padding:14px 24px}
nav.cats .sub a:hover{padding-left:30px}
.sub::before{top:-12px;height:12px}
main.w{padding-top:8px;padding-bottom:16px}
.home-top{margin:28px 0;gap:var(--gap)}
.home-top>div{gap:var(--gap)}
.home-top .lead{height:440px}.sub3{gap:var(--gap)}.sub3 .ov{height:200px}
.ov .t{padding:56px 24px 22px}.ov .t h2,.ov .t h3{margin-top:10px;line-height:1.3}
.ult h2{padding:16px 22px}.ult li{padding:14px 22px;gap:14px;line-height:1.45}
.mt{margin:48px 0 var(--gap)}.mt h2{padding:10px 22px}.mt a.mais{padding:8px 18px}
.grid{gap:var(--gap)}
.card .b{padding:16px 18px 18px}.card h3{margin:12px 0 10px;line-height:1.4}.card time{padding-top:10px}
.edit{gap:var(--gap)}
.lista a{grid-template-columns:112px 1fr;gap:16px;padding:16px 18px;line-height:1.4}.lista img{width:112px;height:76px}
.lista small{margin-top:6px}
.layout{gap:32px}
article.post{padding:36px 40px}
article h1{margin:14px 0 16px}article .sub{margin:0 0 22px;line-height:1.55}.meta{margin-bottom:22px}
.body{line-height:1.95}.body p{margin:0 0 1.4em}.body img{margin:24px auto}
.pager{margin:40px 0}.pager a{padding:12px 26px}
.tag{padding:5px 14px}
.box{padding:24px}
footer{margin-top:64px;padding:44px 0;line-height:1.8}
.adm{margin:44px auto;padding:0 24px}.adm input,.adm textarea,.adm select{padding:12px;margin:6px 0 20px}.adm td,.adm th{padding:12px 10px}
@media(max-width:1000px){.menu{gap:6px}.menu>li>a{padding:12px 10px}}
@media(max-width:800px){
 .w,.top .w,.ticker .w,nav.cats .w,header.main .w{padding-left:18px;padding-right:18px}
 header.main .w{padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
 form.s input{width:150px}
 .home-top{margin:20px 0}.home-top .lead{height:280px}.sub3 .ov{height:170px}
 .menu{gap:0;padding:0 0 12px}.menu>li>a{padding:14px 14px;margin-bottom:6px}
 nav.cats .sub a{padding:14px 24px}
 article.post{padding:22px 18px}.mt{margin:36px 0 18px}
 .ult li{padding:14px 18px}.lista a{grid-template-columns:96px 1fr;padding:14px}
}
/* ===== v7: menu com cantos menores e mais altura ===== */
.menu{padding:16px 0}
.menu>li>a{border-radius:6px;padding:20px 18px}
nav.cats .sub{border-radius:8px}
.burger{border-radius:6px;padding:16px 20px}
@media(max-width:1000px){.menu>li>a{padding:18px 10px}}
@media(max-width:800px){.menu{padding:0 0 14px}.menu>li>a{border-radius:6px;padding:18px 14px}}
/* ===== v8: logo oficial ===== */
header.main .w{padding-top:14px;padding-bottom:14px}
.logo{display:block;line-height:0}
.logo img{height:104px;width:auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35));transition:transform .22s}
.logo:hover img{transform:scale(1.03)}
@media(max-width:800px){.logo img{height:76px}}
/* ===== v9: "Últimas" na mesma altura do destaque ===== */
.home-top{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:var(--gap);align-items:stretch;height:440px;margin:28px 0 var(--gap)}
.home-top .lead{height:100%;min-height:0}
.home-top .ult{height:100%;min-height:0;overflow:hidden}
.home-top .ult ul{flex:1;min-height:0;overflow:hidden}
.sub4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin-bottom:8px}
.sub4 .ov{height:200px}.sub4 .t h3{font-size:15px}
@media(max-width:1000px){.sub4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.home-top{grid-template-columns:1fr;height:auto}.home-top .lead{height:280px}.home-top .ult{height:auto}.sub4{grid-template-columns:1fr}.sub4 .ov{height:170px}}
/* ===== v10: banners mais baixos ===== */
.home-top{height:330px}
.home-top .lead h2{font-size:26px}
.ov .t{padding:40px 22px 18px}
.sub4 .ov{height:150px}.sub4 .t h3{font-size:14px}
.edit .lead{min-height:240px}
@media(max-width:800px){.home-top{height:auto}.home-top .lead{height:210px}.home-top .lead h2{font-size:21px}.sub4 .ov{height:130px}.edit .lead{min-height:200px}}
/* ===== v11: menu mais baixo ===== */
.menu{padding:9px 0}
.menu>li>a{padding:12px 16px}
nav.cats .sub{margin-top:9px}
nav.cats .sub a{padding:12px 22px}
.burger{padding:12px 18px}
@media(max-width:1000px){.menu>li>a{padding:12px 9px}}
@media(max-width:800px){.menu{padding:0 0 10px}.menu>li>a{padding:13px 14px;margin-bottom:4px}}
/* ===== v12: espaço entre botões do menu = espaço entre banners/cartões ===== */
.menu{gap:var(--gap)}
.menu>li{flex:1 1 0}
@media(max-width:1100px){.menu{gap:12px}}
@media(max-width:1000px){.menu{gap:8px}}
@media(max-width:800px){.menu{gap:0}.menu>li{flex:none}}
/* ===== v13: parte superior alinhada (mesma largura e mesmo espaçamento dos botões do menu) ===== */
.top .w,header.main .w,.ticker .w,nav.cats .w{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px;gap:var(--gap)}
header.main .w{justify-content:space-between}
.ticker .w{gap:var(--gap)}
nav.cats .w{padding-top:0;padding-bottom:0}
@media(max-width:800px){.top .w,header.main .w,.ticker .w,nav.cats .w{padding-left:18px;padding-right:18px;gap:12px}}
/* ===== v14: fundo todo branco (inclui modo escuro do aparelho) ===== */
:root,:root:not([data-theme="light"]){color-scheme:light;--bg:#fff;--card:#fff;--ink:#1d1d1f;--mut:#666;--line:#e6e6e6}
@media(prefers-color-scheme:dark){
 :root{--bg:#fff;--card:#fff;--ink:#1d1d1f;--mut:#666;--line:#e6e6e6}
 nav.cats .sub{background:rgba(255,255,255,.94)}nav.cats .sub a{color:#1d1d1f}
 nav.cats .sub a:hover{background:rgba(217,4,4,.95);color:#fff}
}
html,body{background:#fff;color:#1d1d1f}
.card,.lista,.ult,article.post,.box{background:#fff}
@media(max-width:800px){nav.cats .sub{background:rgba(0,0,0,.28)}nav.cats .sub a{color:#fff}nav.cats .sub a:hover{background:rgba(255,213,0,.95);color:#000}}
/* ===== v15: padrão de imagens (proporção fixa + recorte + imagem padrão) ===== */
:root{--ph:#eceff3 url(/static/logo.webp) center/46% no-repeat}
/* cartões: 16:9 */
.card .im{aspect-ratio:16/9;height:auto;background:var(--ph);overflow:hidden}
.card .im img{width:100%;height:100%;object-fit:cover;object-position:center}
/* banners: altura fixa por tipo, imagem sempre preenche */
.ov{background:#1b1b1b url(/static/logo.webp) center/30% no-repeat}
.ov img{width:100%;height:100%;object-fit:cover;object-position:center}
.home-top .lead,.sub4 .ov,.edit .lead{aspect-ratio:auto}
.edit .lead{height:100%;min-height:240px}
/* miniaturas das listas: 3:2 */
.lista a{grid-template-columns:112px 1fr}
.lista .th{display:block;width:112px;height:76px;border-radius:6px;overflow:hidden;background:var(--ph)}
.lista .th img{width:100%;height:100%;object-fit:cover}
/* foto principal da matéria: 16:9 */
.post-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:22px;background:#eceff3}
/* imagens dentro do texto: largura total, altura limitada */
.body img{display:block;max-width:100%;max-height:560px;width:auto;height:auto;object-fit:contain;margin:24px auto;border-radius:8px}
@media(max-width:800px){.lista .th{width:96px;height:66px}.lista a{grid-template-columns:96px 1fr}.body img{max-height:420px}}
/* ===== v16: cartões sem sombra e sem borda ===== */
.card,.lista,.ult,.box,article.post{border:0;box-shadow:none}
.card:hover{box-shadow:none;transform:none}
.card .b{padding-left:2px;padding-right:2px}
.lista a{border-bottom:0}
.ult{border-top:0}
/* ===== v17: acabamento profissional (vermelho + azul-marinho + branco) ===== */
:root{--navy:#0a2a66;--red:#d10a0a;--dark:#a80808;--ink:#14171c;--mut:#6b7280;--line:#e5e7eb}
body{color:var(--ink);background:#fff}
a{transition:color .15s}
/* barra superior e cabeçalho claros */
.top{background:var(--navy);color:#cfd8ee;font-size:12.5px;letter-spacing:.02em}
.top .w{padding-top:8px;padding-bottom:8px}
header.main{background:#fff;border-bottom:1px solid var(--line)}
header.main .w{padding-top:12px;padding-bottom:12px}
.logo img{filter:none;height:92px}
form.s{background:#f3f4f6;border:1px solid var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}
form.s input{color:var(--ink)}form.s input::placeholder{color:#8a919e}
form.s button{background:var(--red);color:#fff;font-weight:700}
form.s button:hover{box-shadow:none;background:var(--dark);transform:none}
/* faixa urgente */
.ticker{background:#fff7d6;border-bottom:1px solid #f0e2a0;font-weight:600}
.ticker b{background:var(--red);color:#fff;border-radius:3px;letter-spacing:.05em}
/* menu */
nav.cats{background:var(--red);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.menu{padding:0;gap:0}
.menu>li{flex:1 1 auto}
.menu>li>a{background:transparent;border-radius:0;padding:16px 12px;font-size:13px;letter-spacing:.04em;transition:background .15s}
.menu>li:hover>a,.menu>li:focus-within>a{background:var(--navy);color:#fff;box-shadow:none;transform:none}
nav.cats .sub{margin-top:0;border-radius:0 0 6px 6px;border:0;border-top:3px solid var(--navy);background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 12px 28px rgba(0,0,0,.2)}
nav.cats .sub a{padding:12px 20px;border-bottom:1px solid #f0f1f3;font-weight:500}
nav.cats .sub a:hover{background:#f6f7f9;color:var(--red);padding-left:26px}
.burger{background:transparent;border:0;border-radius:0;padding:14px 0;margin:0}
/* títulos de seção */
.mt{border-bottom:1px solid var(--line);margin:44px 0 20px}
.mt h2{background:none;color:var(--navy);border-radius:0;padding:0 0 10px;margin-bottom:-1px;border-bottom:3px solid var(--red);font-size:18px;font-weight:800;letter-spacing:.03em}
.mt a.mais{background:none;border:0;padding:0 0 10px;color:var(--navy);font-weight:700;font-size:12.5px}
.mt a.mais:hover{background:none;color:var(--red)}
/* etiquetas e cartões */
.tag{background:var(--red);border:0;border-radius:3px;backdrop-filter:none;-webkit-backdrop-filter:none;padding:3px 9px;font-size:10.5px;letter-spacing:.06em}
.card,.ov,.lista,.ult{border-radius:6px}
.card h3{color:var(--ink);font-weight:700;line-height:1.35}.card:hover h3{color:var(--red)}
.card time,.lista small{color:var(--mut);font-size:12px}
.card .im,.lista .th{border-radius:6px}
.ov .t{background:linear-gradient(transparent,rgba(5,15,40,.55) 40%,rgba(5,15,40,.92))}
.ov .t h2,.ov .t h3{text-shadow:0 1px 3px rgba(0,0,0,.4)}
.ult{background:#fff;border:1px solid var(--line)}
.ult h2{background:var(--navy);padding:14px 20px;font-size:15px;letter-spacing:.08em}
.ult li{border-bottom:1px solid #f0f1f3}.ult li time{color:var(--red)}
.lista{border:1px solid var(--line)}.lista a{border-bottom:1px solid #f0f1f3}.lista a:last-child{border:0}
.chapeu{color:var(--red);font-size:12px;letter-spacing:.04em}
/* matéria */
article.post{padding:0}
article.post .tag{margin-bottom:6px}
article h1{color:var(--navy);font-size:34px;letter-spacing:-.015em}
article .sub{color:#4b5563;font-size:18px;border-left:4px solid var(--red);padding-left:16px}
.meta{border-bottom:1px solid var(--line);padding-bottom:16px}
.post-img{border-radius:6px}
.btn,.pager a{background:var(--red);border:0;box-shadow:none;border-radius:4px;font-weight:700}
.btn:hover,.pager a:hover{background:var(--dark);transform:none;box-shadow:none}
/* banners */
.ad{margin:28px auto;text-align:center;max-width:970px}
.ad-760{max-width:760px}
.ad-l{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9aa1ad;margin-bottom:6px}
.ad img{width:100%;height:auto;display:block;margin:0 auto;border-radius:3px}
.ad a{display:block}
.ad-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;background:repeating-linear-gradient(135deg,#f7f8fa 0 12px,#f1f3f6 12px 24px);border:1px dashed #cdd2db;border-radius:3px;color:#8a919e}
.ad-ph span{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.ad-ph b{font-size:20px;color:#6b7280;font-weight:700}
/* rodapé */
footer{background:var(--navy);color:#c3cde4;border-top:4px solid var(--red);padding:48px 0 0;margin-top:56px}
.fgrid{display:grid;grid-template-columns:1.4fr 1.4fr 1fr;gap:40px;padding-bottom:36px}
.fb img{background:#fff;border-radius:8px;padding:6px 10px;margin-bottom:14px}
.fb p{margin:0;font-size:14px;line-height:1.7;max-width:360px}
.fc h4{margin:0 0 14px;color:#fff;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.fc ul{list-style:none;margin:0;padding:0;columns:2;column-gap:24px}.fc li{margin-bottom:9px;font-size:14px}.fc a:hover{color:#fff;text-decoration:underline}
.fcopy{border-top:1px solid rgba(255,255,255,.12);padding:18px 24px;font-size:13px;color:#98a6c6}
@media(max-width:1000px){.menu>li>a{padding:15px 8px;font-size:12px}}
@media(max-width:800px){
 .logo img{height:64px}.menu>li>a{padding:14px 4px;margin:0;border-top:1px solid rgba(255,255,255,.18);border-radius:0}
 nav.cats .sub{background:rgba(0,0,0,.18);border:0}nav.cats .sub a{color:#fff;border-color:rgba(255,255,255,.1)}nav.cats .sub a:hover{background:rgba(255,255,255,.12);color:#fff}
 article h1{font-size:26px}.fgrid{grid-template-columns:1fr;gap:24px}.fc ul{columns:2}
}
/* ===== v18: redes sociais, WhatsApp, newsletter, vídeos, compartilhar ===== */
.top .soc{display:flex;gap:16px;flex-wrap:wrap}.top .soc a{color:#cfd8ee;font-weight:600}.top .soc a:hover{color:#fff}
.fsoc{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.fsoc a{border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;color:#fff}.fsoc a:hover{background:#fff;color:var(--navy)}
form.nl{display:flex;gap:6px}form.nl input{flex:1;min-width:0;padding:12px 14px;border:0;border-radius:6px;font:14px Inter,sans-serif}
form.nl button{border:0;background:var(--red);color:#fff;font:700 14px Inter,sans-serif;padding:0 20px;border-radius:6px;cursor:pointer}form.nl button:hover{background:#ef1c1c}
.nlmsg{font-size:13px;margin-top:8px;min-height:18px}.nlmsg.ok{color:#8dffb8}.nlmsg.er{color:#ffb4b4}
.wabtn{display:inline-block;background:#25d366;color:#06361b;font-weight:700;font-size:13px;padding:8px 14px;border-radius:6px;margin:0 6px 6px 0}.wabtn:hover{background:#3ee07c;color:#06361b}
.wafloat{position:fixed;right:20px;bottom:20px;z-index:90;width:60px;height:60px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.3);transition:transform .2s}
.wafloat:hover{transform:scale(1.08)}.wafloat::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:wap 2.4s infinite}@keyframes wap{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.5);opacity:0}}
.share{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 22px}.share span{font-size:13px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}
.share-b{margin:30px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.sh{border:0;cursor:pointer;color:#fff;font:700 13px Inter,sans-serif;padding:8px 16px;border-radius:4px}.sh:hover{color:#fff;filter:brightness(1.1)}
.sh.wa{background:#25d366}.sh.fb{background:#1877f2}.sh.x{background:#111}.sh.tg{background:#27a7e7}.sh.cp{background:#6b7280}
.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.vgrid.v3{grid-template-columns:repeat(3,1fr)}
.vid h3{font-size:15.5px;line-height:1.35;margin:10px 0 0;font-weight:700}.vid:hover h3{color:var(--red)}
.vth{position:relative;display:block;aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden;cursor:pointer}.vth img,.vth iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}
.play{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(209,10,10,.92);box-shadow:0 4px 16px rgba(0,0,0,.4)}
.play::after{content:"";position:absolute;left:22px;top:17px;border-left:19px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
@media(max-width:1000px){.vgrid,.vgrid.v3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.vgrid,.vgrid.v3{grid-template-columns:1fr}.wafloat{width:54px;height:54px;right:14px;bottom:14px}.top .soc{display:none}}
/* ===== v19: imagens mais altas no celular ===== */
@media(max-width:800px){
 .home-top .lead{height:320px}
 .sub4 .ov{height:230px}
 .edit .lead{min-height:280px;height:280px}
 .card .im{aspect-ratio:4/3}
 .lista a{grid-template-columns:120px 1fr}.lista .th{width:120px;height:96px}
 .post-img{aspect-ratio:4/3}
 .vth{aspect-ratio:16/10}
 .ad-ph{min-height:90px}
}
@media(max-width:480px){.home-top .lead{height:300px}.sub4 .ov{height:210px}.card .im{aspect-ratio:3/2}}
/* ===== v20: ícones nos menus ===== */
.ic{width:16px;height:16px;flex:none;vertical-align:-3px;margin-right:7px;stroke-width:2}
.menu>li>a{display:flex;align-items:center;justify-content:center}
.menu>li>a .car{margin-left:4px}
nav.cats .sub a{display:flex;align-items:center}
nav.cats .sub a .ic{color:var(--red);width:15px;height:15px;margin-right:10px}
nav.cats .sub a:hover .ic{color:var(--red)}
@media(max-width:800px){.menu>li>a{justify-content:flex-start}nav.cats .sub a .ic{color:#fff}.ic{width:17px;height:17px}}
/* ===== v21: padrões alternados nas seções da home ===== */
.edit.rev{grid-template-columns:1fr 1fr}.edit.rev .lead{order:2}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.trio .ov{height:260px}.trio .t h3{font-size:18px}
.trio-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);margin-top:var(--gap)}
.trio-l a{display:block;padding:14px 16px;background:#f6f7f9;border-left:4px solid var(--red);border-radius:0 6px 6px 0;font-weight:600;line-height:1.35}
.trio-l a:hover{background:#eef0f4}.trio-l small{display:block;color:var(--mut);font-weight:400;font-size:12px;margin-top:4px}
@media(max-width:1000px){.trio{grid-template-columns:repeat(2,minmax(0,1fr))}.trio .ov:last-child{grid-column:1/-1}}
@media(max-width:800px){.edit.rev .lead{order:0}.trio{grid-template-columns:1fr}.trio .ov{height:230px}.trio .ov:last-child{grid-column:auto}.trio-l{grid-template-columns:1fr}}
/* ===== v22: siga nas redes ===== */
.follow{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--gap);align-items:stretch}.follow:not(:has(.fbbox)){grid-template-columns:1fr}
.fbbox{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.fbbox iframe{display:block}
.cta{display:flex;flex-direction:column;gap:var(--gap)}
.cta a{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:22px 26px;border-radius:6px;color:#fff;position:relative;min-height:120px}
.cta a b{font-size:22px;font-weight:800}.cta a span{opacity:.9}.cta a em{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-style:normal;font-weight:700;background:rgba(255,255,255,.22);padding:9px 20px;border-radius:999px}
.cta a:hover{color:#fff;filter:brightness(1.08)}.cta .ig{background:linear-gradient(45deg,#f09433,#dc2743 50%,#bc1888)}.cta .fb{background:#1877f2}.cta .wa2{background:#25d366;color:#06361b}.cta .wa2:hover{color:#06361b}
@media(max-width:800px){.follow{grid-template-columns:1fr}.cta a em{position:static;transform:none;align-self:flex-start;margin-top:8px}}
/* ===== v23: etiqueta de categoria ajustada ao texto ===== */
.tag{display:inline-block;width:fit-content;max-width:100%;align-self:flex-start;justify-self:start;flex:0 0 auto;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .b>.tag,.ov .t>.tag,.ov .t>span.tag{align-self:flex-start;width:fit-content}
.ov .t{display:flex;flex-direction:column;align-items:flex-start}
.ov .t h2,.ov .t h3{align-self:stretch}
article.post>.tag{display:inline-block}
/* ===== v25: faixa de cotações e tempo — vidro translúcido ===== */
.infobar{position:relative;background:linear-gradient(90deg,rgba(10,42,102,.94),rgba(24,62,140,.82) 50%,rgba(10,42,102,.94));-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);color:#fff;border-bottom:1px solid rgba(255,255,255,.14);overflow:hidden}
.ib-view{max-width:1180px;margin:0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ib-track{display:flex;width:max-content;padding:9px 0;animation:ibs var(--d,60s) linear infinite;will-change:transform}
.infobar:hover .ib-track{animation-play-state:paused}
.grp{display:flex;align-items:center;gap:10px;padding-right:10px}
.gt{display:inline-flex;align-items:center;background:rgba(209,10,10,.92);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:6px 13px;border-radius:999px;white-space:nowrap}
.it{display:inline-flex;align-items:center;gap:8px;padding:5px 15px;border-radius:999px;white-space:nowrap;font-size:13.5px;line-height:1.3;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s}
.it:hover{background:rgba(255,255,255,.18)}
.it .lb{font-style:normal;font-weight:600;color:rgba(255,255,255,.8)}.it b{font-weight:800;font-variant-numeric:tabular-nums}
.it em{font-style:normal;font-size:12px;font-weight:700}.it small{font-size:12px;color:rgba(255,255,255,.78);font-variant-numeric:tabular-nums}
.it .up{color:#72f0aa}.it .dn{color:#ff9d9d}
.wi{width:18px;height:18px;color:#ffd500;flex:none}
.ib-load{display:block;padding:11px 24px;font-size:13px;color:rgba(255,255,255,.7)}
@keyframes ibs{to{transform:translateX(-50%)}}

@media(max-width:800px){.it{font-size:13px;padding:5px 12px}.ib-view{-webkit-mask-image:none;mask-image:none}}
/* ===== v26: banner principal mais alto ===== */
.home-top{height:460px}
.home-top .lead h2{font-size:30px}
.ov .t{padding:48px 26px 22px}
@media(max-width:1000px){.home-top{height:420px}}
@media(max-width:800px){.home-top{height:auto}.home-top .lead{height:380px}.home-top .lead h2{font-size:23px}}
@media(max-width:480px){.home-top .lead{height:340px}}
/* ===== v27: banners no topo + espaçamento padronizado (escala única de 24 px) ===== */
:root{--sp:24px}
main.w{padding-top:0;padding-bottom:0}
.ad{margin:var(--sp) auto;max-width:970px}.ad-760{max-width:760px}
main.w>.ad:first-child{margin-top:16px}
.ad-l{display:none}
.ad-ph{min-height:0}
.home-top{margin:0 0 var(--sp)}
.sub4{margin-bottom:0}
.mt{margin:calc(var(--sp) * 1.5) 0 var(--sp)}
main.w>.ad+.mt,main.w>.ad+.home-top{margin-top:0}
.layout{margin-top:0;gap:var(--sp)}
article.post{margin-bottom:0}
.follow{margin-bottom:0}
footer{margin-top:calc(var(--sp) * 2)}
.vgrid,.grid,.trio,.edit{gap:var(--sp)}.trio-l{gap:var(--sp);margin-top:var(--sp)}
@media(max-width:800px){:root{--sp:20px}main.w>.ad:first-child{margin-top:12px}}
/* ===== v28: banner ao lado da logo, busca no topo, últimas em movimento ===== */
/* busca na barra azul */
.top .w{display:flex;align-items:center;gap:18px}
.top .soc{margin-left:auto}
.top form.s{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:2px;flex:none}
.top form.s input{color:#fff;padding:5px 12px;width:210px;font-size:13px;background:transparent}
.top form.s input::placeholder{color:rgba(255,255,255,.7)}
.top form.s button{padding:5px 14px;font-size:12px;border-radius:999px}
/* cabeçalho: logo + banner centralizado na altura da logo */
header.main .w{display:flex;align-items:center;justify-content:space-between;gap:var(--sp)}
header.main .ad{margin:0 0 0 auto;width:100%;max-width:760px;flex:1 1 auto}
/* faixa: últimas deslizando na horizontal */
.ticker .w{display:flex;align-items:center;gap:16px;overflow:hidden;white-space:nowrap}
.ticker b{flex:none}
.tk-view{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.tk-track{display:flex;width:max-content;animation:tks var(--tkd,90s) linear infinite}
.ticker:hover .tk-track{animation-play-state:paused}
.tk-grp{display:flex;gap:40px;padding-right:40px}
.tk-grp a{overflow:visible;text-overflow:clip;white-space:nowrap;font-weight:600}
.tk-grp time{color:var(--red);font-weight:800;margin-right:8px}
@keyframes tks{to{transform:translateX(-50%)}}
/* quadro Últimas subindo sozinho */
.home-top .ult .ult-view{flex:1;min-height:0;overflow:hidden;position:relative}
.home-top .ult .ult-track{list-style:none;margin:0;padding:0;flex:none;overflow:visible;max-height:none;animation:ups var(--ud,50s) linear infinite}
.home-top .ult:hover .ult-track{animation-play-state:paused}
.home-top .ult .ult-track li{flex:none;min-height:0;padding:13px 20px}
@keyframes ups{to{transform:translateY(-50%)}}

@media(max-width:800px){
 .top .w{flex-wrap:wrap;gap:8px}.top form.s{margin-left:auto}.top form.s input{width:130px}
 header.main .w{flex-direction:column;align-items:center;gap:12px}header.main .ad{margin:0;max-width:100%}
 .home-top .ult .ult-view{height:340px;flex:none}
}
/* ===== v29: banner do cabeçalho na mesma linha da logo, centralizado na página ===== */
header.main .w{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp)}
header.main .logo{grid-column:1;justify-self:start}
header.main .ad{grid-column:2;justify-self:center;margin:0;width:728px;max-width:100%}
header.main .ad img{width:728px;max-width:100%;height:auto;border-radius:4px}
@media(max-width:1000px){header.main .w{grid-template-columns:auto 1fr}header.main .ad{justify-self:end;width:100%;max-width:728px}}
@media(max-width:800px){header.main .w{display:flex;flex-direction:column;align-items:center;gap:12px}header.main .ad{width:100%}}
/* ===== v30: banner chamando para o grupo do WhatsApp ===== */
.grupo-cta{position:relative;overflow:hidden;display:flex;align-items:center;gap:26px;margin:var(--sp) 0 0;padding:28px 34px;border-radius:14px;color:#fff;
 background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 40%),linear-gradient(120deg,#075e54 0%,#128c7e 45%,#25d366 100%);box-shadow:0 12px 30px rgba(7,94,84,.25);transition:transform .2s,box-shadow .2s}
.grupo-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 40px rgba(7,94,84,.35)}
.gc-ico{flex:none;width:92px;height:92px;border-radius:50%;background:rgba(255,255,255,.16);border:2px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;animation:gcp 2.6s infinite}
@keyframes gcp{0%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}70%{box-shadow:0 0 0 18px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.gc-txt{flex:1;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1;min-width:0}
.gc-txt small{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#dcf8c6}
.gc-txt b{font-size:25px;line-height:1.2;font-weight:800;letter-spacing:-.01em}
.gc-txt span{font-size:16px;opacity:.95}
.gc-btn{flex:none;position:relative;z-index:1;background:#fff;color:#075e54;font-weight:800;font-size:17px;padding:16px 28px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.18);white-space:nowrap;transition:transform .2s}
.gc-btn i{font-style:normal;display:inline-block;transition:transform .2s}.grupo-cta:hover .gc-btn i{transform:translateX(4px)}
.gc-bub{position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.gc-bub.b1{width:260px;height:260px;right:-60px;bottom:-140px}.gc-bub.b2{width:140px;height:140px;right:220px;top:-80px}
@media(max-width:800px){.grupo-cta{flex-direction:column;text-align:center;gap:16px;padding:26px 20px}.gc-ico{width:76px;height:76px}.gc-ico svg{width:44px;height:44px}.gc-txt b{font-size:21px}.gc-txt span{font-size:15px}.gc-btn{width:100%;font-size:16px}}
/* ===== v31: banner do cabeçalho encostado à direita (sem espaço vazio do lado oposto à logo) ===== */
header.main .w{display:flex;align-items:center;justify-content:space-between;gap:var(--sp)}
header.main .logo{flex:none}
header.main .ad{flex:0 1 728px;width:auto;max-width:728px;margin:0 0 0 auto;justify-self:auto}
header.main .ad img{display:block;width:100%;height:auto}
@media(max-width:800px){header.main .w{flex-direction:column;align-items:center;gap:12px}header.main .ad{flex:none;width:100%;margin:0}}
/* ===== v32: newsletter no cabeçalho, entre a logo e o banner ===== */
header.main .hnl{flex:1 1 260px;min-width:220px;max-width:340px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px 16px;background:#f5f7fb;border:1px solid var(--line);border-radius:10px;align-self:center}
.hnl-t{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--navy);letter-spacing:.01em}.hnl-t svg{color:var(--red)}
.hnl-f{display:flex;background:#fff;border:1.5px solid #d9dee8;border-radius:8px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.hnl-f:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px rgba(10,42,102,.1)}
.hnl-f input{flex:1;min-width:0;border:0;outline:0;padding:9px 11px;font:14px Inter,sans-serif;background:transparent;color:var(--ink)}
.hnl-f button{border:0;background:var(--red);color:#fff;font:700 13px Inter,sans-serif;padding:0 14px;cursor:pointer;transition:background .15s}.hnl-f button:hover{background:var(--dark)}.hnl-f button:disabled{opacity:.6}
.hnl-m{font-size:11.5px;color:var(--mut);min-height:15px;line-height:1.3}.hnl-m.ok{color:#0b8a4a;font-weight:600}.hnl-m.er{color:var(--red);font-weight:600}
header.main .ad{margin:0}
@media(max-width:1100px){header.main .hnl{display:none}header.main .ad{margin-left:auto}}
/* ===== v33: newsletter do cabeçalho com a mesma altura do banner (90 px) ===== */
header.main .ad{flex:none;width:728px;max-width:728px}
header.main .ad img{width:728px;height:90px;object-fit:cover}
header.main .hnl{height:90px;box-sizing:border-box;padding:8px 14px;gap:4px;justify-content:space-between;align-self:center}
.hnl-t{font-size:12.5px;line-height:1.2}
.hnl-f{height:34px}.hnl-f input{padding:0 10px;font-size:13.5px}.hnl-f button{font-size:12.5px;padding:0 13px}
.hnl-m{font-size:11px;line-height:1.2;min-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1180px){header.main .hnl{display:none}header.main .ad{flex:0 1 728px;width:auto;margin-left:auto}header.main .ad img{width:100%;height:auto}}
@media(max-width:800px){header.main .ad{flex:none;width:100%;margin:0}}
/* ===== v34: seção com uma só notícia (sem espaço vazio) ===== */
.ov.solo{display:block;height:340px}
.ov.solo .t h3{font-size:26px;max-width:860px}
.ov.solo .t p{margin:8px 0 0;max-width:760px;font-size:15.5px;color:rgba(255,255,255,.88);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:800px){.ov.solo{height:280px}.ov.solo .t h3{font-size:20px}.ov.solo .t p{display:none}}

/* ===== v35: faixas sempre correndo na linha, também no celular ===== */
.ib-track,.tk-track{flex-wrap:nowrap;width:max-content}
.grp,.tk-grp{flex-wrap:nowrap;white-space:nowrap}
.infobar:active .ib-track,.ticker:active .tk-track{animation-play-state:paused}
@media(max-width:800px){
 .infobar .ib-view{max-width:100%;overflow:hidden}
 .ib-track{padding:8px 0}
 .it{font-size:13px;padding:5px 12px}
 .ticker .w{gap:10px}.ticker b{font-size:11px;padding:3px 10px}
 .tk-grp{gap:28px;padding-right:28px}.tk-grp a{font-size:13.5px}
}
