/*
Theme Name: 1001 Notícias
Theme URI: https://delanomarcal.com.br/
Author: Delano Marcal
Description: Tema de portal de noticias regional. Cinco areas de destaque na home, secoes por categoria com layouts prontos e cores 100% editaveis pelo Personalizador. Sem dependencias externas, compativel com PHP 8.5.
Version: 1.2.3
Requires at least: 6.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 1001noticias
Tags: news, blog, three-columns, custom-colors, custom-menu, featured-images
*/

/* ==========================================================
   1. Variaveis (valores reais sao impressos pelo Personalizador)
   ========================================================== */
:root{
	--n1001-primaria:#e8321a;
	--n1001-menu-texto:#ffffff;
	--n1001-menu-ativo:#0b1233;
	--n1001-fundo:#ffffff;
	--n1001-texto:#2b2b2b;
	--n1001-texto-suave:#6b6b6b;
	--n1001-link:#1a1a1a;
	--n1001-rodape-bg:#0b1233;
	--n1001-rodape-texto:#ffffff;
	--n1001-borda:#e3e3e3;
	--n1001-largura:1200px;
	--n1001-gutter:20px;
	--n1001-fonte-titulo:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	--n1001-fonte-texto:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	--n1001-fonte-menu:Georgia,"Times New Roman",serif;
}

/* ==========================================================
   2. Base
   ========================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
	margin:0;
	background:var(--n1001-fundo);
	color:var(--n1001-texto);
	font-family:var(--n1001-fonte-texto);
	font-size:16px;
	line-height:1.55;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--n1001-link);text-decoration:none}
a:hover{color:var(--n1001-primaria)}
h1,h2,h3,h4{font-family:var(--n1001-fonte-titulo);font-weight:600;line-height:1.25;margin:0}
p{margin:0 0 1em}
.n1001-container{width:100%;max-width:var(--n1001-largura);margin:0 auto;padding:0 var(--n1001-gutter)}

/* Blocos de anuncio (ADRotate) da home */
.n1001-anuncio{width:970px;max-width:100%;height:90px;margin:0 auto;text-align:center}
.n1001-anuncio img{max-width:100%;height:auto;margin:0 auto}
.n1001-anuncio--topo{margin:20px auto 0}
.n1001-anuncio--destaques{margin:10px auto 20px}
.n1001-anuncio--secao{margin:0 auto 30px}
.n1001-oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.n1001-limpar::after{content:"";display:block;clear:both}

/* ==========================================================
   3. Cabecalho
   ========================================================== */
.n1001-topo{padding:34px 0 26px}
.n1001-marca{display:flex;align-items:center;gap:16px}
.n1001-marca img{max-height:110px;width:auto}
.n1001-marca__texto .n1001-marca__nome{
	font-size:38px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--n1001-texto);
}
.n1001-marca__texto .n1001-marca__desc{
	font-size:15px;letter-spacing:2.4px;text-transform:uppercase;color:var(--n1001-texto-suave);
	border-top:1px solid var(--n1001-borda);padding-top:4px;margin-top:2px;
}

.n1001-barra{background:var(--n1001-primaria);position:relative}
.n1001-barra__interno{display:flex;align-items:stretch;justify-content:space-between;gap:20px}
.n1001-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.n1001-nav li{position:relative}
.n1001-nav a{
	display:block;padding:20px 22px;color:var(--n1001-menu-texto);
	font-family:var(--n1001-fonte-menu);font-size:17px;letter-spacing:1.6px;text-transform:uppercase;
}
.n1001-nav a:hover{color:#fff;background:rgba(0,0,0,.12)}
.n1001-nav .current-menu-item>a,
.n1001-nav .current_page_item>a,
.n1001-nav .n1001-menu-ativo>a{background:var(--n1001-menu-ativo);color:#fff}
.n1001-nav .current-menu-item>a::after,
.n1001-nav .current_page_item>a::after,
.n1001-nav .n1001-menu-ativo>a::after{
	content:"";position:absolute;left:0;bottom:-12px;width:0;height:0;
	border-left:14px solid var(--n1001-menu-ativo);border-bottom:12px solid transparent;
}
.n1001-nav ul ul{
	display:none;position:absolute;left:0;top:100%;z-index:40;min-width:220px;
	background:var(--n1001-menu-ativo);flex-direction:column;
}
.n1001-nav li:hover>ul{display:flex}
.n1001-nav ul ul a{padding:12px 18px;font-size:14px;letter-spacing:1px}

.n1001-busca{display:flex;align-items:center;padding:10px 0}
.n1001-busca form{display:flex;align-items:center;background:rgba(255,255,255,.16);border-radius:22px;padding:2px 6px 2px 18px}
.n1001-busca input[type="search"]{
	border:0;background:transparent;color:#fff;font-size:15px;padding:8px 4px;width:190px;outline:none;
}
.n1001-busca input::placeholder{color:rgba(255,255,255,.85)}
.n1001-busca button{background:transparent;border:0;color:#fff;cursor:pointer;padding:6px 10px;font-size:17px;line-height:1}

.n1001-menu-toggle{
	display:none;background:transparent;border:0;color:#fff;font-size:24px;padding:14px 18px;cursor:pointer;
}

/* ==========================================================
   4. Destaques da home (5 areas)
   ========================================================== */
.n1001-destaques{
	display:grid;gap:5px;margin:26px 0 44px;
	grid-template-columns:1fr 2fr 1fr;grid-template-rows:1fr 1fr;
	min-height:640px;
}
.n1001-destaque{position:relative;overflow:hidden;background:#111;display:block}
.n1001-destaque--1{grid-column:2;grid-row:1 / span 2}
.n1001-destaque--2{grid-column:1;grid-row:1}
.n1001-destaque--3{grid-column:1;grid-row:2}
.n1001-destaque--4{grid-column:3;grid-row:1}
.n1001-destaque--5{grid-column:3;grid-row:2}
.n1001-destaque img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.n1001-destaque:hover img{transform:scale(1.05)}
.n1001-destaque::after{
	content:"";position:absolute;inset:0;
	background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.35) 38%,rgba(0,0,0,0) 68%);
}
.n1001-destaque__info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 24px}
.n1001-destaque__cat{
	display:inline-block;margin-bottom:8px;padding:3px 9px;font-size:11px;letter-spacing:1.4px;
	text-transform:uppercase;color:#fff;background:var(--n1001-primaria);
}
.n1001-destaque__titulo{color:#fff;font-size:24px;font-weight:600;line-height:1.28;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.n1001-destaque--1 .n1001-destaque__titulo{font-size:38px}
.n1001-destaque a{color:#fff}

/* ==========================================================
   5. Titulo de secao
   ========================================================== */
.n1001-secao{margin:0 0 52px}
.n1001-secao__cabecalho{margin-bottom:26px}
.n1001-secao__titulo{
	display:block;font-size:17px;letter-spacing:1.6px;text-transform:uppercase;
	color:var(--n1001-cor-secao,var(--n1001-primaria));margin-bottom:10px;
}
.n1001-secao__titulo a{color:inherit}
.n1001-secao__linha{height:3px;background:var(--n1001-borda);position:relative}
.n1001-secao__linha::before{
	content:"";position:absolute;left:0;top:0;width:70px;height:3px;
	background:var(--n1001-cor-secao,var(--n1001-primaria));
}

/* Cartoes genericos */
.n1001-cartao__img{display:block;overflow:hidden;background:#f2f2f2}
.n1001-cartao__img img{width:100%;transition:transform .45s ease}
.n1001-cartao:hover .n1001-cartao__img img{transform:scale(1.04)}
.n1001-cartao__titulo{font-size:23px;font-weight:600;margin-top:14px;line-height:1.3}
.n1001-cartao__meta{font-size:12px;color:var(--n1001-texto-suave);margin-top:6px}
.n1001-cartao__resumo{font-size:15px;color:var(--n1001-texto-suave);margin-top:8px}

/* Item horizontal (miniatura + titulo) */
.n1001-item{display:flex;gap:18px;align-items:flex-start}
.n1001-item__img{flex:0 0 140px;overflow:hidden;background:#f2f2f2}
.n1001-item__img img{width:140px;height:94px;object-fit:cover;transition:transform .45s ease}
.n1001-item:hover .n1001-item__img img{transform:scale(1.05)}
.n1001-item__titulo{font-size:19px;font-weight:500;line-height:1.35}

/* Layout: misto (1 grande a esquerda + lista em 2 colunas) */
.n1001-misto{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}
.n1001-misto__lista{grid-column:2 / span 2;display:grid;grid-template-columns:1fr 1fr;gap:26px 34px;align-content:start}

/* Layout: destaque (1 grande com titulo ao lado + grade abaixo) */
.n1001-destaque-bloco{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start}
.n1001-destaque-bloco__titulo{font-size:26px;font-weight:500;line-height:1.35}
.n1001-destaque-bloco__grade{
	grid-column:1 / span 2;display:grid;grid-template-columns:repeat(3,1fr);gap:26px 34px;margin-top:12px;
}

/* Layout: grade (cards em 3 colunas) */
.n1001-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}

/* Layout: rapidinhas (titulo em cima, miniatura embaixo) */
.n1001-rapidinhas{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 40px}
.n1001-rapidinha__titulo{font-size:22px;font-weight:500;line-height:1.35;margin-bottom:12px}
.n1001-rapidinha__img img{width:190px;height:120px;object-fit:cover}

/* Layout: uma categoria por coluna (area multi) */
.n1001-colunas{display:grid;gap:34px;align-items:start}
.n1001-colunas--1{grid-template-columns:1fr}
.n1001-colunas--2{grid-template-columns:repeat(2,1fr)}
.n1001-colunas--3{grid-template-columns:repeat(3,1fr)}
.n1001-colunas--4{grid-template-columns:repeat(4,1fr)}
.n1001-coluna{display:flex;flex-direction:column;gap:26px;min-width:0}
.n1001-coluna__cabecalho{
	margin:0;padding:12px 10px;background:#f2f2f2;
	border-bottom:3px solid var(--n1001-cor-secao,var(--n1001-primaria));
	text-align:center;font-size:18px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;
}
.n1001-coluna__cabecalho a{color:var(--n1001-cor-secao,var(--n1001-primaria))}
.n1001-coluna__cabecalho a:hover{opacity:.8}
.n1001-coluna .n1001-cartao__titulo{font-size:19px;margin-top:12px}

/* ==========================================================
   6. Arquivos, busca e post individual
   ========================================================== */
.n1001-conteudo{padding:34px 0 60px}
.n1001-lista-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.n1001-arquivo__titulo{font-size:30px;margin-bottom:6px}
.n1001-arquivo__desc{color:var(--n1001-texto-suave);margin-bottom:28px}

.n1001-post{max-width:820px;margin:0 auto}
.n1001-post__cat{
	display:inline-block;margin-bottom:12px;padding:4px 10px;font-size:11px;letter-spacing:1.4px;
	text-transform:uppercase;color:#fff;background:var(--n1001-cor-secao,var(--n1001-primaria));
}
.n1001-post__titulo{font-size:38px;line-height:1.22;margin-bottom:10px}
.n1001-post__meta{font-size:13px;color:var(--n1001-texto-suave);margin-bottom:22px}
.n1001-post__capa{margin-bottom:26px}
.n1001-post__corpo{font-size:17.5px;line-height:1.75}
.n1001-post__corpo img{margin:22px 0}
.n1001-post__corpo h2{font-size:26px;margin:30px 0 12px}
.n1001-post__corpo h3{font-size:21px;margin:26px 0 10px}
.n1001-post__corpo blockquote{
	margin:24px 0;padding:6px 0 6px 20px;border-left:4px solid var(--n1001-primaria);color:var(--n1001-texto-suave);
}
.n1001-post__corpo ul,.n1001-post__corpo ol{padding-left:22px}
.n1001-relacionados{margin-top:52px}

.n1001-paginacao{margin-top:44px;display:flex;justify-content:center}
.n1001-paginacao .page-numbers{
	display:inline-block;padding:9px 15px;margin:0 3px;border:1px solid var(--n1001-borda);font-size:14px;
}
.n1001-paginacao .current{background:var(--n1001-primaria);border-color:var(--n1001-primaria);color:#fff}

.n1001-comentarios{margin-top:50px}
.n1001-comentarios ol{list-style:none;padding:0}
.n1001-comentarios .comment-body{border-bottom:1px solid var(--n1001-borda);padding:16px 0}

/* ==========================================================
   7. Rodape
   ========================================================== */
.n1001-rodape{background:var(--n1001-rodape-bg);color:var(--n1001-rodape-texto);padding:26px 0;margin-top:40px}
.n1001-rodape__interno{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.n1001-rodape a{color:var(--n1001-rodape-texto)}
.n1001-rodape a:hover{opacity:.75;color:var(--n1001-rodape-texto)}
.n1001-rodape__creditos{font-size:15px}
.n1001-rodape__direita{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.n1001-social{display:flex;gap:14px;align-items:center}
.n1001-social svg{width:17px;height:17px;fill:currentColor;display:block}
.n1001-rodape__menu ul{list-style:none;display:flex;gap:18px;margin:0;padding:0;font-size:15px}

.n1001-topo-btn{
	position:fixed;right:26px;bottom:26px;z-index:60;width:56px;height:56px;border-radius:50%;
	background:var(--n1001-primaria);color:#fff;border:0;cursor:pointer;font-size:22px;line-height:1;
	display:none;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.25);
}
.n1001-topo-btn.n1001-visivel{display:flex}

/* ==========================================================
   8. Barra lateral (widgets)
   ========================================================== */
.n1001-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.n1001-layout .n1001-post{max-width:none;margin:0}
.n1001-layout .n1001-lista-posts,
.n1001-layout .n1001-grade{grid-template-columns:1fr 1fr}
.n1001-principal{min-width:0}

.n1001-lateral{position:sticky;top:24px;min-width:0}
.n1001-widget{margin-bottom:34px}
.n1001-widget:last-child{margin-bottom:0}
.n1001-widget__titulo{
	font-size:15px;letter-spacing:1.4px;text-transform:uppercase;font-weight:600;
	color:var(--n1001-cor-secao,var(--n1001-primaria));
	margin-bottom:12px;padding-bottom:8px;border-bottom:3px solid var(--n1001-borda);
}
.n1001-widget ul{list-style:none;margin:0;padding:0}
.n1001-widget li{padding:9px 0;border-bottom:1px solid var(--n1001-borda);font-size:15.5px;line-height:1.4}
.n1001-widget li:last-child{border-bottom:0}
.n1001-widget li a{display:inline-block}
.n1001-widget img{margin-top:8px}
.n1001-widget select,
.n1001-widget input[type="text"],
.n1001-widget input[type="search"]{
	width:100%;padding:10px 12px;border:1px solid var(--n1001-borda);font-size:15px;background:#fff;color:var(--n1001-texto);
}
.n1001-widget .n1001-busca-form{display:flex;gap:8px}
.n1001-widget .n1001-busca-form input[type="search"]{min-width:0}
.n1001-widget .wp-block-latest-posts__post-date,
.n1001-widget .post-date{display:block;font-size:12px;color:var(--n1001-texto-suave);margin-top:2px}

/* ==========================================================
   9. Responsivo
   ========================================================== */
@media(max-width:1024px){
	.n1001-destaques{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:0}
	.n1001-destaque{min-height:230px}
	.n1001-destaque--1{grid-column:1 / span 2;grid-row:auto;min-height:340px}
	.n1001-destaque--2,.n1001-destaque--3,.n1001-destaque--4,.n1001-destaque--5{grid-column:auto;grid-row:auto}
	.n1001-destaque--1 .n1001-destaque__titulo{font-size:28px}
	.n1001-misto,.n1001-destaque-bloco{grid-template-columns:1fr 1fr}
	.n1001-misto__lista{grid-column:auto;grid-template-columns:1fr}
	.n1001-destaque-bloco__grade{grid-template-columns:1fr 1fr}
	.n1001-grade,.n1001-rapidinhas,.n1001-lista-posts{grid-template-columns:1fr 1fr}
	.n1001-colunas--3,.n1001-colunas--4{grid-template-columns:repeat(2,1fr)}
	.n1001-layout{grid-template-columns:1fr;gap:40px}
	.n1001-lateral{position:static}
	.n1001-layout .n1001-post{max-width:820px}
}
@media(max-width:767px){
	/* Respiro lateral garantido em toda a pagina. */
	.n1001-container{padding-left:var(--n1001-gutter);padding-right:var(--n1001-gutter)}
	.n1001-anuncio{
		height:auto;
		max-width:calc(100% - (var(--n1001-gutter) * 2));
		padding-left:0;padding-right:0;
	}
	.n1001-ticker__rotulo{padding-left:var(--n1001-gutter)}
	.n1001-rodape__interno{padding-left:0;padding-right:0}
	.n1001-topo{padding:22px 0 16px}
	.n1001-marca__texto .n1001-marca__nome{font-size:26px}
	.n1001-barra__interno{flex-wrap:wrap}
	.n1001-menu-toggle{display:block;order:1}
	.n1001-busca{order:2;flex:1;justify-content:flex-end;padding-right:8px}
	.n1001-busca input[type="search"]{width:120px}
	.n1001-nav{order:3;width:100%;display:none}
	.n1001-nav.n1001-aberto{display:block}
	.n1001-nav ul{flex-direction:column}
	.n1001-nav a{padding:14px 18px;border-top:1px solid rgba(255,255,255,.18)}
	.n1001-nav .current-menu-item>a::after,.n1001-nav .current_page_item>a::after,.n1001-nav .n1001-menu-ativo>a::after{display:none}
	.n1001-nav ul ul{position:static;display:block;background:rgba(0,0,0,.18)}
	.n1001-destaques{grid-template-columns:1fr}
	.n1001-destaque--1{grid-column:auto}
	.n1001-destaque__titulo{font-size:20px}
	.n1001-destaque--1 .n1001-destaque__titulo{font-size:24px}
	.n1001-misto,.n1001-destaque-bloco,.n1001-destaque-bloco__grade,.n1001-grade,.n1001-rapidinhas,.n1001-lista-posts{grid-template-columns:1fr}
	.n1001-colunas--2,.n1001-colunas--3,.n1001-colunas--4{grid-template-columns:1fr}
	.n1001-layout .n1001-lista-posts,.n1001-layout .n1001-grade{grid-template-columns:1fr}
	.n1001-destaque-bloco__grade{grid-column:auto}
	.n1001-post__titulo{font-size:28px}
	.n1001-rodape__interno{flex-direction:column;align-items:flex-start}
}