/**
Theme Name: Astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/
Description: Astra WordPress Theme
Version: 4.12.6
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 5.3
License: GNU General Public License v2 or later
Text Domain: astra
*/

/* ---------------------------------------------------
ESTILO PORTAL (ADICIONADO SOBRE ASTRA)
---------------------------------------------------*/

body{
font-family: Arial, Helvetica, sans-serif;
background:#f1f1f1;
}

/* largura geral */
.ast-container{
max-width:1280px;
margin:auto;
}

/* topo portal */

.topo{
background:#c4170c;
color:#fff;
padding:20px;
font-size:34px;
font-weight:bold;
text-align:center;
margin-bottom:20px;
}

/* grid manchetes */

.grid-top{
display:grid;
grid-template-columns:2fr 1fr 1fr;
gap:15px;
margin-bottom:25px;
}

/* manchete principal */

.manchete{
grid-row:1/3;
}

/* cards de noticia */

.card{
position:relative;
overflow:hidden;
background:#000;
border-radius:4px;
}

.card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.card h2{
position:absolute;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,.75);
color:#fff;
margin:0;
padding:12px;
font-size:22px;
line-height:1.3;
}

/* blocos categorias */

.blocos{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
margin-top:30px;
}

.bloco{
background:#fff;
padding:15px;
border:1px solid #ddd;
border-radius:4px;
}

.bloco h3{
margin-top:0;
border-bottom:2px solid #c4170c;
padding-bottom:5px;
font-size:18px;
}

/* lista posts */

.post-list{
list-style:none;
padding:0;
margin:0;
}

.post-list li{
margin-bottom:10px;
}

.post-list a{
text-decoration:none;
font-weight:bold;
color:#000;
}

.post-list a:hover{
color:#c4170c;
}

/* anuncios */

.ads{
background:#eee;
text-align:center;
padding:20px;
margin:30px 0;
border-radius:4px;
}

/* pagina single */

.single{
max-width:900px;
margin:auto;
background:#fff;
padding:30px;
border-radius:4px;
}

.single h1,
.entry-title{
font-size:40px;
line-height:1.2;
}

.single img{
width:100%;
height:auto;
margin:20px 0;
}

/* links */

a{
color:#c4170c;
}

a:hover{
color:#8b0d06;
}

/* ---------------------------------------------------
RESPONSIVO
---------------------------------------------------*/

@media (max-width:900px){

.grid-top{
grid-template-columns:1fr;
}

.manchete{
grid-row:auto;
}

.blocos{
grid-template-columns:1fr;
}

}

.portal-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr;
grid-template-rows:auto auto;
gap:20px;
margin-top:30px;
}

.portal-card{
background:#fff;
border-radius:8px;
overflow:hidden;
box-shadow:0 3px 10px rgba(0,0,0,0.1);
}

.portal-card img{
width:100%;
height:200px;
object-fit:cover;
}

.portal-card h2{
padding:10px;
font-size:18px;
line-height:1.3;
}

.portal-manchete{
grid-row:span 2;
}

.portal-manchete img{
height:420px;
}

.portal-manchete h2{
font-size:28px;
font-weight:bold;
}

@media(max-width:768px){

.portal-grid{
grid-template-columns:1fr;
}

.portal-manchete img{
height:260px;
}

}