/* UOYLO JORNAL — edição editorial 2026: novo sistema visual */
:root{--red:#68119a;--red-dark:#47106b;--brand-primary:#68119a;--brand-accent:#f8c53a;--ink:#151515;--muted:#626262;--line:#d7d7d7;--bg:#fff;--white:#fff;--max:1440px;--radius:0}
body{background:#fff;color:#151515;font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5}
.container{width:min(calc(100% - 64px),1440px)}
.paper-utility{border-bottom:1px solid #ddd;font:600 11px Arial,sans-serif;letter-spacing:.1em;color:#555}
.paper-utility .container{min-height:37px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.paper-utility a{color:#68119a}
.paper-masthead{display:flex;flex-direction:column;align-items:center;padding:14px 12px 12px;border-bottom:1px solid #111}
.paper-masthead>a{display:flex;align-items:center;justify-content:center;max-width:min(440px,78vw)}
.paper-masthead>a img{display:block;width:100%;height:auto;max-height:100px;object-fit:contain}
.paper-masthead>span{font:700 11px Arial,sans-serif;letter-spacing:.4em;margin-top:12px}
.header{position:relative;top:auto;border-bottom:3px solid #68119a;box-shadow:none;background:#fff}
.header-row{min-height:55px;justify-content:center}
.header .logo{display:none}
.nav{justify-content:center;flex-wrap:wrap;gap:clamp(12px,2.5vw,36px);font:700 14px Inter,Arial,Helvetica,sans-serif}
.nav a,.nav-more-toggle{color:#151515}
.nav a:hover{color:#68119a;text-decoration:underline}
.breaking{background:#fff;color:#111;border-bottom:1px solid #ddd}
.breaking .container{padding:12px 0;font:600 14px Arial,sans-serif}
.breaking strong{background:#f8c53a;color:#111;border-radius:0;font-weight:900;padding:8px 13px}
.paper-label{font:800 12px Arial,sans-serif;letter-spacing:.16em;border-top:1px solid #222;border-bottom:1px solid #ddd;padding:12px 0;margin-bottom:18px;color:#68119a}
.hero{padding:26px 0 15px}
.hero-grid{grid-template-columns:minmax(0,3fr) minmax(250px,1fr);gap:25px}
#hero{min-width:0}
.main-feature{background:#fff;color:#111;min-height:0;border:0;border-radius:0;box-shadow:none}
.main-feature>a{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:22px;align-items:start}
.main-feature img{grid-column:2;grid-row:1;width:100%;height:auto;min-height:350px;aspect-ratio:1.4;object-fit:cover;border-radius:2px;transform:none!important}
.main-overlay{grid-column:1;grid-row:1;position:static;inset:auto;display:flex;flex-direction:column;justify-content:start;background:none!important;padding:0!important;color:#111}
.main-overlay .badge{background:transparent;color:#68119a;padding:0;border-radius:0}
.main-overlay h1{font:800 clamp(29px,3.3vw,52px)/1.06 Inter,Arial,Helvetica,sans-serif;letter-spacing:-.035em;max-width:none;margin:13px 0 17px;color:#111}
.main-overlay .meta{color:#777;font:12px Arial,sans-serif}
.side-list{display:flex;flex-direction:column;gap:0;border-left:1px solid #ddd;padding-left:22px}
.side-list:before{content:'Em destaque';font:800 24px Inter,Arial,Helvetica,sans-serif;padding:0 0 12px;border-bottom:2px solid #68119a}
.side-card{display:grid;grid-template-columns:110px 1fr;gap:12px;min-height:0;background:#fff;border:0;border-bottom:1px solid #ddd;border-radius:0;box-shadow:none;padding:17px 0}
.side-card>a{height:auto;min-height:0}
.side-card img{height:86px;min-height:0;width:110px;object-fit:cover;border-radius:2px}
.side-body{padding:0;justify-content:flex-start}
.side-body h2{font:700 17px/1.22 Inter,Arial,Helvetica,sans-serif;letter-spacing:0;margin:5px 0}
.side-body .meta{font:11px Arial,sans-serif}
.badge{background:transparent;color:#68119a;padding:0;border-radius:0;font:800 10px Arial,sans-serif;letter-spacing:.08em}
.section{padding:20px 0 65px}
.section-title{border-top:3px solid #111;border-bottom:1px solid #ddd;margin:0 0 22px;padding:14px 0;align-items:center}
.section-title h2{font:800 30px Inter,Arial,Helvetica,sans-serif;letter-spacing:-.025em;margin:0}
.section-title h2:before{display:none}
.paper-section-caption{font:700 10px Arial,sans-serif;letter-spacing:.12em;color:#777}
.layout{grid-template-columns:minmax(0,1fr) 285px;gap:28px}
.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}
.card{border:0;border-bottom:1px solid #ddd;border-radius:0;background:#fff;box-shadow:none!important;padding:0 0 19px;margin-bottom:23px;transform:none!important}
.card>a{border-radius:2px;overflow:hidden}
.card img{aspect-ratio:1.6;height:auto;object-fit:cover;transition:none}
.card-body{padding:12px 0 0}
.card h3{font:700 clamp(18px,1.5vw,24px)/1.17 Inter,Arial,Helvetica,sans-serif;letter-spacing:-.015em;margin:9px 0}
.card p{font:14px/1.5 Inter,Arial,Helvetica,sans-serif;color:#555;margin:8px 0}
.card .meta{border:0;padding:0;font:11px Arial,sans-serif;color:#777}
.sidebar{position:static;background:#fff;border:0;border-left:1px solid #ddd;border-radius:0;box-shadow:none;padding:0 0 0 20px}
.sidebar h3{font:800 24px Inter,Arial,Helvetica,sans-serif;border-bottom:2px solid #68119a;padding-bottom:12px}
.category-list a{font:700 14px Inter,Arial,Helvetica,sans-serif;padding:12px 0}
.ad-banner a{border-radius:0}
.footer{background:#191919;color:#fff;border-top:4px solid #68119a}
.footer-main{padding:48px 0}
.article{border:0;border-radius:0;box-shadow:none}
.article-head{padding:35px clamp(10px,4vw,60px) 28px}
.article-head h1{font:800 clamp(36px,4.5vw,66px)/1.08 Inter,Arial,Helvetica,sans-serif;letter-spacing:-.03em}
.article-body{font:19px/1.82 Inter,Arial,Helvetica,sans-serif;max-width:850px}
.article-body h2{font-family:Inter,Arial,Helvetica,sans-serif}
.article-image{max-height:680px}
.recent-posts{border-top:3px solid #111}
.recent-posts .recent-row{border-bottom:1px solid #ddd;border-radius:0}
.recent-posts .recent-row h3{font-family:Inter,Arial,Helvetica,sans-serif}
.recent-more-btn,.load-more-btn,.search-row button{background:#68119a;border-radius:2px;box-shadow:none}
.simple-card{border:0;border-radius:0;box-shadow:none}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr}.side-list{border-left:0;padding-left:0;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.side-list:before{grid-column:1/-1}.layout{grid-template-columns:minmax(0,1fr) 240px}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.container{width:min(calc(100% - 32px),1440px)}.paper-masthead>a{max-width:min(340px,70vw)}.header-row{justify-content:space-between;min-height:56px}.header .logo{display:none}.menu-btn{display:block;background:#68119a;border-radius:2px}.nav{position:absolute;top:56px;left:0;right:0;display:none;background:#fff;padding:14px 20px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 14px 22px #0002}.nav.open,.nav.active,.nav.show{display:flex}.nav a{padding:10px 0}.main-feature>a{grid-template-columns:1fr}.main-feature img{grid-column:1;grid-row:1;min-height:0;aspect-ratio:16/9}.main-overlay{grid-column:1;grid-row:2}.main-overlay h1{font-size:clamp(29px,5vw,43px)}.layout{grid-template-columns:1fr}.sidebar{border-left:0;border-top:2px solid #ddd;padding:20px 0}.side-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:calc(100% - 28px)}.paper-utility .container{font-size:9px}.paper-utility .container span:first-child{display:none}.paper-masthead{padding:12px 0}.paper-masthead>a{max-width:min(275px,76vw)}.paper-masthead>span{font-size:9px}.breaking .container{font-size:12px}.hero{padding:16px 0}.paper-label{margin-bottom:14px}.main-feature img{aspect-ratio:16/10}.main-overlay h1{font-size:33px}.side-list{display:block}.side-card{grid-template-columns:104px 1fr}.side-card img{width:104px;height:83px}.news-grid{grid-template-columns:1fr;gap:0}.card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:13px;padding:0 0 15px;margin-bottom:15px}.card img{width:120px;height:92px;aspect-ratio:auto}.card-body{padding:0}.card h3{font-size:18px;margin:5px 0}.card p{display:none}.card .meta{font-size:10px}.section-title h2{font-size:25px}.paper-section-caption{display:none}.article-head h1{font-size:34px}.article-body{font-size:17px}.recent-posts .recent-row h3{font-size:16px}}

/* Identidade tipografica original Uoylo, mantendo a grade editorial */
body,.nav,.card h3,.card p,.side-body h2,.side-list:before,.section-title h2,.sidebar h3,.article-head h1,.article-body,.article-body h2,.recent-posts .recent-row h3,.category-list a,.main-overlay h1{font-family:Inter,Arial,Helvetica,sans-serif}

/* Uoylo - correcoes globais de identidade 2026-11-02 */
/* Exibir a logo original em TODAS as paginas internas. */
.header .logo{display:block;width:auto;max-width:190px;max-height:54px;height:auto;object-fit:contain}
.header-row>a[aria-label="Uoylo"]{display:flex;align-items:center;flex:0 0 auto}
/* A home ja possui a logo no masthead editorial, evitando duplicacao. */
body:has(.paper-masthead) .header .logo{display:none}
body:has(.paper-masthead) .header-row>a[aria-label="Uoylo"]{display:none}
/* Paleta oficial roxa/amarela em todas as telas */
.footer{background:#5e01ff!important;color:#fff!important;border-top:5px solid #f8c53a!important}
.footer .footer-bottom{border-top-color:rgba(255,255,255,.25)!important}
.footer h3,.footer p,.footer a,.footer .footer-bottom{color:#fff!important}
.footer a:hover{text-decoration:underline}
.recent-more-btn,.load-more-btn,.search-row button{background:#5e01ff;color:#fff}
.recent-more-btn:hover,.load-more-btn:hover,.search-row button:hover{background:#4700c4}
.menu-btn{background:#5e01ff;color:#fff}
.badge,.main-overlay .badge,.paper-label{color:#5e01ff}
.sidebar h3,.side-list:before{border-bottom-color:#5e01ff}
@media(max-width:850px){.header .logo{display:block;max-width:145px;max-height:45px}body:has(.paper-masthead) .header .logo{display:none}}

/* AJUSTE FINAL — identidade original, 02/11/2026 */
/* Uma unica logo, sempre no cabecalho original, inclusive na home. */
.paper-masthead{display:none!important}
.header .logo,body:has(.paper-masthead) .header .logo{display:block!important;width:auto!important;height:auto!important;max-width:170px!important;max-height:56px!important;object-fit:contain!important}
.header-row>a[aria-label="Uoylo"],body:has(.paper-masthead) .header-row>a[aria-label="Uoylo"]{display:flex!important;align-items:center!important;flex:0 0 auto!important}
.header-row{justify-content:space-between!important;gap:24px}
.nav{justify-content:flex-end!important}
/* Rodape no formato original: roxo sem faixa amarela superior. */
.footer{background:#5e01ff!important;color:#fff!important;border-top:0!important;margin-top:20px!important}
.footer-main{padding:42px 0!important;gap:35px!important}
.footer h3,.footer p,.footer a:not(.social a),.footer-bottom{color:#fff!important}
.footer .social a,.footer .social a:hover{background:#ffbf00!important;color:#5e01ff!important;border-color:#ffbf00!important}
.footer-bottom{border-top:1px solid rgba(255,255,255,.7)!important}
/* Acentos editoriais neutros na home; roxo reservado a links, botoes e marca. */
.paper-label{color:#151515!important}
.side-list:before,.sidebar h3{border-bottom-color:#151515!important}
.header{border-bottom-color:#151515!important}
@media(max-width:850px){.header .logo,body:has(.paper-masthead) .header .logo{max-width:145px!important;max-height:45px!important}.header-row{gap:12px}.nav{justify-content:flex-start!important}}


/* 02/11/2026 — Logo centralizada em todas as paginas; menu original preservado. */
.header .header-row{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;padding-top:14px!important;padding-bottom:8px!important;position:relative!important;min-height:0!important}
.header .header-row>a[aria-label="Uoylo"],body:has(.paper-masthead) .header-row>a[aria-label="Uoylo"]{display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;flex:none!important;margin:0 auto 12px!important;position:relative!important}
.header .logo,body:has(.paper-masthead) .header .logo{display:block!important;width:auto!important;height:auto!important;max-width:min(215px,65vw)!important;max-height:70px!important;object-fit:contain!important}
.header .nav{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:row!important;gap:clamp(12px,1.55vw,25px)!important;width:100%!important;position:static!important;padding:0!important;box-shadow:none!important;background:transparent!important}
.header .menu-btn{display:none!important}
@media(max-width:850px){
 .header .header-row{padding-top:10px!important;padding-bottom:8px!important}
 .header .header-row>a[aria-label="Uoylo"],body:has(.paper-masthead) .header-row>a[aria-label="Uoylo"]{margin-bottom:7px!important}
 .header .logo,body:has(.paper-masthead) .header .logo{max-width:min(165px,65vw)!important;max-height:55px!important}
 .header .menu-btn{display:block!important;align-self:flex-start!important;width:44px!important;height:44px!important}
 .header .nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;z-index:100!important;background:#fff!important;padding:12px 18px!important;box-shadow:0 12px 22px #0002!important;flex-direction:column!important;align-items:stretch!important;gap:0!important}
 .header .nav.open,.header .nav.active,.header .nav.show{display:flex!important}
}

/* Uoylo: cabecalho unico para home, categorias, busca e artigos. */
.header{width:100%;position:relative;z-index:50}
.header .header-row{width:min(calc(100% - 32px),1440px);margin-inline:auto;box-sizing:border-box}
.header .header-row>a[aria-label="Uoylo"]{margin-inline:auto!important}
.header .nav{min-height:40px;flex-wrap:wrap;row-gap:4px!important}
.header .nav-more{position:relative}
.header .nav-more-links{z-index:80}
@media(max-width:850px){
 .header .header-row{width:calc(100% - 28px)}
 .header .nav{flex-wrap:nowrap;max-height:min(75vh,600px);overflow-y:auto}
 .header .nav:not(.open):not(.active):not(.show){display:none!important}
 .header .nav.open,.header .nav.active,.header .nav.show{display:flex!important}
}

/* CABECALHO EDITORIAL UNICO: replica o masthead aprovado na home em todas as paginas. */
.paper-utility{display:block!important;background:#fff!important;border-top:3px solid #333;border-bottom:1px solid #ddd}
.paper-utility .container{max-width:1440px!important;margin:auto!important;min-height:37px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.paper-utility a{color:#5e01ff!important;text-decoration:none!important}
.paper-masthead{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:14px 12px 10px!important;border-bottom:1px solid #222!important;background:#fff!important}
.paper-masthead>a{display:flex!important;justify-content:center!important;align-items:center!important;width:260px!important;max-width:76vw!important;margin:0 auto!important}
.paper-masthead>a img{display:block!important;width:100%!important;height:auto!important;max-height:100px!important;object-fit:contain!important}
.paper-masthead>span{display:block!important;font:700 11px Arial,sans-serif!important;letter-spacing:.4em!important;margin-top:9px!important;color:#111!important;text-align:center!important}
.header{position:relative!important;z-index:60!important;background:#fff!important;border-bottom:3px solid #5e01ff!important;box-shadow:none!important}
.header .header-row{display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;width:min(calc(100% - 32px),1440px)!important;max-width:1440px!important;min-height:56px!important;padding:0!important;margin:0 auto!important}
.header .nav{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:clamp(12px,2.5vw,36px)!important;min-height:55px!important;width:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;position:static!important;background:transparent!important;box-shadow:none!important}
.header .nav a,.header .nav-more-toggle{font-size:14px!important;font-weight:700!important}
.header .menu-btn{display:none!important}
.mobile-menu-label{font-size:13px;font-weight:700}
@media(max-width:850px){
 .paper-utility .container{min-height:32px!important;font-size:9px!important}
 .paper-utility .container span:first-child{display:none!important}
 .paper-masthead{padding:12px 8px 9px!important}
 .paper-masthead>a{width:210px!important;max-width:72vw!important}
 .paper-masthead>a img{max-height:85px!important}
 .paper-masthead>span{font-size:9px!important;letter-spacing:.28em!important}
 .header .header-row{justify-content:flex-start!important;min-height:52px!important;width:calc(100% - 28px)!important}
 .header .menu-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;width:auto!important;min-width:90px!important;height:40px!important;margin:0!important;align-self:center!important;padding:6px 12px!important;color:#fff!important;background:#5e01ff!important;border:0!important;border-radius:4px!important}
 .header .nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;z-index:100!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:0!important;width:100%!important;max-height:75vh!important;overflow-y:auto!important;background:#fff!important;padding:12px 18px!important;box-shadow:0 12px 22px #0002!important}
 .header .nav.open,.header .nav.active,.header .nav.show{display:flex!important}
}


/* AJUSTES FINAIS UOYLO — cabeçalho limpo, data e responsividade. */
.paper-utility{display:none!important}
.paper-masthead{padding-top:17px!important;padding-bottom:12px!important}
.paper-masthead .masthead-date{font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:.035em!important;text-transform:none!important;margin-top:10px!important;color:#252525!important}
/* Divisórias editoriais pretas; botões e identidade da marca preservados. */
.header{border-bottom-color:#171717!important}
.paper-label{color:#171717!important;border-top-color:#171717!important}
.sidebar h3,.side-list:before{border-bottom-color:#171717!important}
.section-title{border-color:#171717!important}
/* Evita corte e sobreposição da manchete principal em telas estreitas. */
.main-feature,.main-feature>a,.main-overlay,#hero{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.main-feature>a{align-items:start!important}
.main-feature img{height:auto!important;min-height:0!important;max-height:none!important;object-fit:cover!important}
.main-overlay h1{height:auto!important;max-height:none!important;overflow:visible!important;display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.13!important}
.main-overlay{min-width:0!important}
@media(max-width:850px){
 .main-feature>a{display:flex!important;flex-direction:column!important;gap:16px!important}
 .main-feature img{width:100%!important;aspect-ratio:16/9!important}
 .main-overlay{width:100%!important;padding:0 0 12px!important}
 .main-overlay h1{font-size:clamp(26px,6vw,38px)!important;letter-spacing:-.025em!important;margin:10px 0 12px!important}
}
@media(max-width:600px){
 .paper-masthead .masthead-date{font-size:11px!important;letter-spacing:0!important}
 .main-overlay h1{font-size:clamp(25px,7.2vw,33px)!important;line-height:1.17!important}
 .hero-grid,.side-list,.main-feature{min-width:0!important}
}

/* UOYLO 2026-11-02: divisoria uniforme e respiro nos destaques */
/* Linha inferior do menu igual as demais linhas finas do portal. */
.header{border-bottom:1px solid #171717!important}
/* Distancia segura entre miniaturas, texto e separadores editoriais. */
.side-list{row-gap:0!important}
.side-card{padding:22px 0!important;column-gap:15px!important;align-items:start!important;overflow:visible!important;min-height:0!important}
.side-card>a{display:block!important;align-self:start!important;overflow:hidden!important;height:auto!important;min-height:0!important}
.side-card img{display:block!important;width:110px!important;height:86px!important;min-height:0!important;max-height:none!important;object-fit:cover!important}
.side-body{min-width:0!important;padding:0!important}
.side-card:first-of-type{padding-top:22px!important}
@media(max-width:600px){
 .side-card{grid-template-columns:104px minmax(0,1fr)!important;gap:14px!important;padding:20px 0!important}
 .side-card img{width:104px!important;height:83px!important}
 .side-card:first-of-type{padding-top:20px!important}
}

/* UOYLO: ajuste definitivo do respiro editorial nos destaques (v10).
   Regras finais intencionais para superar declaracoes anteriores. */
.hero-grid .side-list{row-gap:0!important;min-width:0!important}
.hero-grid .side-list::before{display:block!important;padding-bottom:12px!important;margin-bottom:16px!important;border-bottom:1px solid #171717!important}
.hero-grid .side-list .side-card{box-sizing:border-box!important;display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;column-gap:18px!important;align-items:start!important;padding:26px 0 30px!important;margin:0!important;border-bottom:1px solid #dedede!important;min-height:0!important}
.hero-grid .side-list .side-card:first-of-type{padding-top:10px!important}
.hero-grid .side-list .side-card>a{display:block!important;min-width:0!important;overflow:hidden!important}
.hero-grid .side-list .side-card img{display:block!important;width:110px!important;height:86px!important;object-fit:cover!important}
.hero-grid .side-list .side-body{min-width:0!important;padding:0!important}
.hero-grid .side-list .side-body h2{margin:7px 0 12px!important;line-height:1.32!important}
.hero-grid .side-list .side-body .meta{display:block!important;margin-top:10px!important}
@media(max-width:600px){
 .hero-grid .side-list::before{margin-bottom:18px!important}
 .hero-grid .side-list .side-card{grid-template-columns:104px minmax(0,1fr)!important;column-gap:17px!important;padding:27px 0 32px!important}
 .hero-grid .side-list .side-card:first-of-type{padding-top:12px!important}
 .hero-grid .side-list .side-card img{width:104px!important;height:83px!important}
 .hero-grid .side-list .side-body h2{margin:7px 0 12px!important;line-height:1.32!important}
}