/* Petlove School - layout no estilo do g1, com a mesma fonte dele (Open Sans); cores proprias */
:root{
  --pri:#D8432B; --pri-esc:#B8341F; --tinta:#1A1A1A; --texto:#333; --suave:#6B6B6B; --linha:#E6E6E6; --fundo:#F5F5F5; --papel:#FFF;
  --fh:"Open Sans",Arial,sans-serif; --fb:"Open Sans",Arial,sans-serif; --raio:8px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--papel);color:var(--texto);font:400 16px/1.55 var(--fb);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block} a{color:inherit} h1,h2,h3{font-family:var(--fh);color:var(--tinta);line-height:1.2;margin:0}
.wrap{width:min(1160px,100% - 32px);margin-inline:auto} .estreito{width:min(680px,100% - 32px)} .estreito-img{width:min(860px,100% - 32px)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chapeu{display:block;font:500 .8rem var(--fb);color:var(--suave);margin:0 0 4px;text-decoration:none}
.chapeu--claro{color:#fff;opacity:.92}
.meta{font-size:.78rem;color:var(--suave);margin:8px 0 0}
.titulo-sec{font-size:1.2rem;padding-bottom:10px;border-bottom:3px solid var(--pri);display:inline-block;margin-bottom:18px}

/* ---------- topo (faixa de cor: MENU / logo / BUSCAR) ---------- */
.topo{position:relative;z-index:30}
.topo-barra{background:var(--pri);color:#fff;height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;gap:16px}
.topo-esq{display:flex;align-items:center;gap:18px}
.menu-btn{display:flex;align-items:center;gap:8px;background:none;border:0;color:#fff;cursor:pointer;font:700 .78rem var(--fb);letter-spacing:.06em;text-transform:uppercase;padding:8px 4px}
.menu-btn svg{width:24px;height:24px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;font:800 1.45rem var(--fh);letter-spacing:-.02em}
.logo b{font-weight:800;opacity:.85;margin-left:1px} .logo-ic{width:36px;height:36px;flex:none}
.logo--mini{font-size:1.05rem} .logo--mini .logo-ic{width:28px;height:28px}
.secao{margin:0;font:600 1.45rem var(--fh);letter-spacing:.04em;text-transform:uppercase;color:#fff;text-align:center;white-space:nowrap}
.busca{justify-self:end;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.16);border-radius:6px;padding:0 12px;width:min(240px,100%)}
.busca svg{width:18px;height:18px;flex:none} .busca input{border:0;background:transparent;color:#fff;font:600 .85rem var(--fb);padding:10px 0;width:100%;outline:none}
.busca input::placeholder{color:#fff;opacity:.85;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}
.busca:focus-within{background:rgba(0,0,0,.28)}
.busca-ic{display:none;justify-self:end;color:#fff;padding:8px} .busca-ic svg{width:24px;height:24px}
.gaveta{position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);background:#fff;z-index:40;box-shadow:4px 0 30px rgba(0,0,0,.2);overflow-y:auto;transform:translateX(-102%);transition:transform .25s}
.gaveta.aberta{transform:none} .gaveta[hidden]{display:block;visibility:hidden} .gaveta.aberta[hidden]{visibility:visible}
.gaveta-topo{display:flex;justify-content:space-between;align-items:center;background:var(--pri);color:#fff;padding:18px 20px;font:700 .8rem var(--fb);letter-spacing:.06em;text-transform:uppercase}
.gaveta-fechar{background:none;border:0;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}
.gaveta ul{list-style:none;margin:0;padding:8px 0}
.gaveta a{display:block;padding:13px 22px;text-decoration:none;font:600 1.05rem var(--fh);color:var(--tinta);border-bottom:1px solid var(--linha)} .gaveta a:hover{color:var(--pri)}
.gaveta-inst a{font:500 .92rem var(--fb);color:var(--suave)}
.gaveta-fundo{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:35} .gaveta-fundo[hidden]{display:none}

/* ---------- home: bloco de manchete ---------- */
.home main{background:var(--fundo);padding-bottom:10px}
.destaque{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;padding-top:24px}
.manchete{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);padding:30px 32px;display:flex;flex-direction:column;justify-content:center}
.manchete h2{font-size:clamp(1.7rem,3.3vw,2.6rem);line-height:1.12;letter-spacing:-.01em;margin:4px 0 14px}
.manchete h2 a{color:var(--pri);text-decoration:none} .manchete h2 a:hover{color:var(--pri-esc)}
.manchete .resumo{margin:0 0 14px;color:var(--texto)}
.bullets{margin:0;padding:0;list-style:none} .bullets li{position:relative;padding-left:16px;margin:8px 0;font-size:.95rem}
.bullets li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--pri)}
.bullets a{color:var(--pri);text-decoration:none} .bullets a:hover{text-decoration:underline}
.destaque-fotos{display:grid;grid-template-rows:1fr 1fr;gap:12px}
.chamada-foto a{position:relative;display:block;height:100%;min-height:200px;border-radius:var(--raio);overflow:hidden;text-decoration:none}
.chamada-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.chamada-foto a:hover img{transform:scale(1.03)}
.chamada-txt{position:absolute;inset:auto 0 0 0;padding:44px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.82))}
.chamada-txt .t{display:block;color:#fff;font:700 1.25rem/1.25 var(--fh)}

/* ---------- colunas: feed + lateral ---------- */
.colunas{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;padding-top:24px;padding-bottom:40px;align-items:start}
.feed{background:var(--papel);border-radius:var(--raio);padding:4px 24px 24px;border:1px solid var(--linha)}
.feed-item{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;padding:22px 0;border-bottom:1px solid var(--linha)}
.feed-foto{display:block;aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:var(--fundo)} .feed-foto img{width:100%;height:100%;object-fit:cover}
.feed-txt h3{font-size:1.35rem;line-height:1.22;margin-bottom:8px} .feed-txt h3 a{color:var(--pri);text-decoration:none} .feed-txt h3 a:hover{color:var(--pri-esc)}
.resumo{margin:0;color:var(--texto);font-size:.95rem}
.veja-mais{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;padding:13px;border:1.5px solid var(--pri);border-radius:6px;color:var(--pri);font:700 .9rem var(--fb);text-decoration:none;text-transform:uppercase;letter-spacing:.04em}
.veja-mais:hover{background:var(--pri);color:#fff} .veja-mais svg{width:18px;height:18px}
.lateral{display:flex;flex-direction:column;gap:16px}
.box{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);padding:18px 18px 8px}
.box-t{font:700 .95rem var(--fb);color:var(--tinta);margin-bottom:6px}
.lt{list-style:none;margin:0;padding:0} .lt li{border-top:1px solid var(--linha)} .lt li:first-child{border-top:0}
.lt a{display:grid;grid-template-columns:1fr 72px;gap:12px;align-items:center;padding:12px 0;text-decoration:none;font:700 .88rem/1.3 var(--fb);color:var(--pri)}
.lt a:hover span:first-child{text-decoration:underline} .lt-foto{width:72px;height:72px;border-radius:6px;overflow:hidden;display:block} .lt-foto img{width:100%;height:100%;object-fit:cover}
.numerada{list-style:none;counter-reset:n;margin:0;padding:0}
.numerada li{counter-increment:n;display:grid;grid-template-columns:30px 1fr;gap:6px;padding:12px 0;border-top:1px solid var(--linha)} .numerada li:first-child{border-top:0}
.numerada li::before{content:counter(n);font:400 1.15rem var(--fb);color:var(--suave);text-align:center}
.numerada a{text-decoration:none;font:700 .88rem/1.3 var(--fb);color:var(--pri)} .numerada a:hover{text-decoration:underline}
.lateral-fixa{position:sticky;top:16px}

/* ---------- anuncios (AdSense): altura reservada, nada pula quando carrega ---------- */
.ad{margin:26px auto;text-align:center;max-width:970px}
.ad-rotulo{font:500 .68rem var(--fb);letter-spacing:.12em;text-transform:uppercase;color:#999;margin:0 0 8px;display:flex;align-items:center;gap:12px}
.ad-rotulo::before,.ad-rotulo::after{content:"";flex:1;height:1px;background:var(--linha)}
.ad--faixa ins,.ad--faixa .ad-caixa{min-height:250px}
.ad--lateral{margin:0} .ad--lateral ins,.ad--lateral .ad-caixa{min-height:600px}
.feed .ad{margin:20px 0}
.texto .ad{margin:30px 0}
.ad-caixa{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #C9C9C9;border-radius:6px;color:#9A9A9A;font:600 .85rem var(--fb);background:repeating-linear-gradient(45deg,#FAFAFA,#FAFAFA 10px,#F3F3F3 10px,#F3F3F3 20px)}
.ad-caixa small{font-weight:400;margin-top:4px}

/* ---------- materia ---------- */
.materia{padding:26px 0 10px}
.migalhas{font-size:.8rem;color:var(--suave);display:flex;gap:6px;margin-bottom:14px} .migalhas a{color:var(--pri);text-decoration:none;font-weight:600}
.materia-topo h1{font-size:clamp(1.75rem,4vw,2.65rem);line-height:1.13;letter-spacing:-.015em;margin-bottom:14px}
.linha-fina{font-size:1.12rem;line-height:1.5;color:var(--suave);margin:0 0 18px}
.por{margin:0;font:700 .88rem var(--fb);color:var(--pri)} .por a{color:var(--pri)}
.quando{margin:2px 0 16px;font-size:.82rem;color:var(--suave)}
.compartilhar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.sh{flex:1;min-width:110px;text-align:center;font:600 .82rem var(--fb);text-decoration:none;color:var(--tinta);background:#fff;border:1px solid var(--linha);border-radius:6px;padding:9px 12px;cursor:pointer}
.sh:hover{border-color:var(--tinta)} .sh--wa{color:#128C4A} .sh--fb{color:#1A5DC9}
.capa{margin-top:0;margin-bottom:26px} .capa img{width:100%;border-radius:4px} .capa figcaption{font-size:.76rem;color:var(--suave);margin-top:8px}
.texto{font-size:1.1rem;line-height:1.72;color:var(--texto)}
.texto h2{font-size:1.55rem;margin:36px 0 12px;scroll-margin-top:16px} .texto h3{font-size:1.18rem;margin:26px 0 8px}
.texto p{margin:0 0 18px} .texto ul,.texto ol{padding-left:24px;margin:0 0 18px} .texto li{margin:7px 0} .texto strong{color:var(--tinta)}
.texto a{color:var(--pri);font-weight:700;text-decoration:none} .texto a:hover{text-decoration:underline}
.texto blockquote{margin:24px 0;border-left:4px solid var(--pri);background:#FFF4F1;padding:14px 18px;border-radius:0 6px 6px 0} .texto blockquote p{margin:0}
.tabela{overflow-x:auto;margin:22px 0;border:1px solid var(--linha);border-radius:6px}
.tabela table{border-collapse:collapse;width:100%;font-size:.95rem} .tabela th{background:var(--fundo);text-align:left;font-family:var(--fb);font-weight:700}
.tabela th,.tabela td{padding:10px 14px;border-bottom:1px solid var(--linha)} .tabela tr:last-child td{border-bottom:0}
.faq{margin-top:38px} .faq h2{font-size:1.45rem;margin-bottom:12px}
.faq details{border-top:1px solid var(--linha)} .faq details:last-child{border-bottom:1px solid var(--linha)}
.faq summary{cursor:pointer;font:700 1.02rem var(--fb);color:var(--tinta);padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:14px}
.faq summary::-webkit-details-marker{display:none} .faq summary::after{content:"+";color:var(--pri);font-size:1.35rem;line-height:1} .faq details[open] summary::after{content:"\2212"}
.faq details p{margin:0 0 16px}
.aviso{font-size:.86rem;color:var(--suave);background:var(--fundo);border-radius:6px;padding:12px 16px;margin:28px 0 18px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.tag{font:600 .8rem var(--fb);text-decoration:none;color:var(--pri);border:1px solid #F1C4BA;padding:5px 12px;border-radius:999px} .tag:hover{background:var(--pri);color:#fff;border-color:var(--pri)}
.autor-box{display:flex;gap:16px;align-items:flex-start;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);padding:20px 0;margin:6px 0 10px}
.autor-box img{border-radius:50%;flex:none} .autor-box p{margin:0 0 6px;font-size:.9rem} .autor-nome{font:700 1rem var(--fb)!important;color:var(--tinta)}
.autor-box a{color:var(--pri);font-weight:700;font-size:.88rem;text-decoration:none}
.relacionados{padding:30px 0 60px}
.grade-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card-v .thumb{display:block;aspect-ratio:16/10;border-radius:6px;overflow:hidden;margin-bottom:10px} .card-v img{width:100%;height:100%;object-fit:cover}
.card-v h3{font-size:1.08rem;line-height:1.28} .card-v h3 a{color:var(--pri);text-decoration:none} .card-v h3 a:hover{color:var(--pri-esc)}

/* ---------- GEO: resposta rapida e fontes ---------- */
.resposta{background:#FFF4F1;border:1px solid #F4CFC6;border-left:4px solid var(--pri);border-radius:6px;padding:18px 20px;margin:0 0 28px}
.resposta h2{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--pri);margin-bottom:8px}
.resposta p{margin:0;font-size:1.05rem;line-height:1.6;color:var(--tinta)} .resposta ul{margin:12px 0 0;padding-left:20px} .resposta li{margin:5px 0;font-size:.95rem}
.fontes{margin-top:30px;padding-top:18px;border-top:1px solid var(--linha)} .fontes h2{font-size:1.05rem;margin-bottom:8px}
.fontes ul{margin:0;padding-left:20px} .fontes li{margin:6px 0;font-size:.9rem} .fontes a{color:var(--pri);font-weight:600;text-decoration:none} .fontes a:hover{text-decoration:underline}

/* ---------- listas, institucional, autor, busca ---------- */
.lista .lista-topo{padding:22px 0 8px;border-bottom:1px solid var(--linha)} .lista-topo h1{font-size:clamp(1.6rem,3vw,2.1rem);margin-bottom:6px} .lista-topo p{margin:0 0 12px;color:var(--suave)}
body:not(.home) .colunas{padding-top:28px}
.institucional{padding:40px 0 64px} .institucional h1{font-size:clamp(1.8rem,3.4vw,2.4rem);margin-bottom:20px} .institucional h2{font-size:1.3rem;margin:28px 0 10px}
.institucional p{line-height:1.75} .institucional a{color:var(--pri);font-weight:700}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--pri);color:#fff;text-decoration:none;font:700 .9rem var(--fb);padding:12px 22px;border-radius:6px} .btn svg{width:18px;height:18px}
.autor-pagina{display:flex;gap:24px;align-items:center;padding:40px 0 10px} .autor-pagina img{border-radius:50%;flex:none} .autor-pagina h1{font-size:2rem;margin-bottom:8px} .autor-pagina p{margin:0;color:var(--suave)}
.busca--grande{width:100%;max-width:none;margin:16px 0 8px;background:var(--fundo);padding:4px 16px;border-radius:6px;color:var(--tinta)}
.busca--grande input{color:var(--tinta);font:500 1.05rem var(--fb);padding:12px 0} .busca--grande input::placeholder{color:var(--suave);text-transform:none;letter-spacing:0;font-size:1rem}
#busca-status{color:var(--suave);font-size:.9rem}

/* ---------- rodape ---------- */
.rodape{background:#F2F2F2;color:var(--texto);padding-top:44px;border-top:4px solid var(--pri)}
.rodape-grade{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px} .rodape p{font-size:.88rem;line-height:1.6;max-width:36ch;color:var(--suave)}
.logo--rodape{color:var(--tinta);margin-bottom:10px} .logo--rodape .logo-ic circle{fill:var(--pri)} .logo--rodape .logo-ic g{fill:#fff}
.rodape h2{font:700 .82rem var(--fb);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta);margin-bottom:12px}
.rodape ul{list-style:none;margin:0;padding:0} .rodape li{margin:7px 0} .rodape a{color:var(--texto);text-decoration:none;font-size:.9rem} .rodape a:hover{color:var(--pri)}
.rodape-fim{border-top:1px solid #DDD;margin-top:36px;padding:16px 0 26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px} .rodape-fim p{margin:0;font-size:.78rem;max-width:none}

/* ---------- cookies (faixa no rodape, como no g1) ---------- */
.cookies{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--linha);box-shadow:0 -6px 24px rgba(0,0,0,.08);padding:14px 20px;display:flex;align-items:center;justify-content:center;gap:18px}
.cookies p{margin:0;font-size:.82rem;max-width:760px} .cookies a{color:var(--pri);font-weight:600}
.cookies button{flex:none;background:var(--pri);color:#fff;border:0;border-radius:6px;padding:10px 20px;font:700 .85rem var(--fb);cursor:pointer} .cookies[hidden]{display:none}

/* ---------- responsivo ---------- */
@media (max-width: 1000px){
  .colunas{grid-template-columns:1fr} .lateral{display:grid;grid-template-columns:1fr 1fr} .lateral-fixa{display:none}
  .rodape-grade{grid-template-columns:1fr 1fr}
}
@media (max-width: 800px){
  .destaque{grid-template-columns:1fr} .manchete{padding:22px 20px} .chamada-foto a{min-height:220px}
  .grade-3{grid-template-columns:1fr}
}
@media (max-width: 700px){
  .topo-barra{height:56px;padding:0 10px;grid-template-columns:auto 1fr auto} .menu-btn span{display:none} .logo{font-size:1.2rem} .logo-ic{width:30px;height:30px}
  .topo-centro{justify-self:center;min-width:0} .busca{display:none} .busca-ic{display:block}
  .logo--mini span{display:none} .secao{font-size:1.05rem;overflow:hidden;text-overflow:ellipsis}
  .feed{padding:0 14px 16px;border-radius:0;border-left:0;border-right:0} .home .feed,.home .destaque{width:100%}
  .home .destaque{padding:0;gap:0} .home .manchete,.home .chamada-foto a{border-radius:0;border-left:0;border-right:0}
  .feed-item{grid-template-columns:1fr;gap:12px} .feed-txt h3{font-size:1.2rem}
  .lateral{grid-template-columns:1fr} .rodape-grade{grid-template-columns:1fr}
  .ad--faixa ins,.ad--faixa .ad-caixa{min-height:280px}
  .texto{font-size:1.05rem} .autor-pagina{flex-direction:column;align-items:flex-start}
  .cookies{flex-direction:column;align-items:stretch;text-align:left;gap:10px} .cookies button{width:100%}
}