/*
Theme Name: Noticias Canela Vision PRO
Author: MercadoNet
Description: Tema profesional estilo portal de noticias con hero, grid, sidebar y videos.
Version: 2.0
*/

body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
background:#f3f3f3;
}

.topbar{
background:#ffffff;
padding:15px 30px;
display:flex;
justify-content:space-between;
align-items:center;
border-bottom:1px solid #ddd;
}

.logo{
font-size:30px;
font-weight:bold;
color:#1d4f91;
}

.social a{
margin-left:12px;
text-decoration:none;
font-weight:bold;
color:#333;
}

.menu{
background:#1d4f91;
padding:14px 25px;
}

.menu a{
color:white;
margin-right:22px;
text-decoration:none;
font-weight:bold;
}

.breaking{
background:#d71920;
color:white;
padding:10px 25px;
font-weight:bold;
}

.container{
max-width:1250px;
margin:auto;
padding:20px;
display:grid;
grid-template-columns:3fr 1fr;
gap:25px;
}

.hero{
position:relative;
}

.hero img{
width:100%;
border-radius:6px;
}

.hero .title{
position:absolute;
bottom:25px;
left:25px;
color:white;
font-size:32px;
font-weight:bold;
max-width:70%;
}

.grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
margin-top:22px;
}

.card{
background:white;
padding:10px;
border-radius:6px;
box-shadow:0 2px 5px rgba(0,0,0,0.1);
}

.card img{
width:100%;
border-radius:4px;
}

.card p{
font-weight:bold;
}

.section-title{
margin-top:30px;
font-size:22px;
border-left:6px solid #1d4f91;
padding-left:10px;
}

.sidebar{
background:#fff;
padding:18px;
border-radius:6px;
box-shadow:0 2px 5px rgba(0,0,0,0.1);
}

.widget{
margin-bottom:25px;
}

.videos{
margin-top:25px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
}

footer{
background:#111;
color:#fff;
padding:25px;
text-align:center;
margin-top:40px;
}