main{

width:90%;
max-width:1200px;
margin:auto;

}


/* TITULOS */

.section-title{

font-size:32px;
font-weight:700;
margin-bottom:10px;

}

.section-title span{

color:#f25c05;

}

.section-sub{

color:#666;
margin-bottom:25px;

}


/* HERO VIDEO */

.live-section{

margin-top:40px;

}

.live-hero{

display:grid;
grid-template-columns:2fr 1fr;
gap:30px;
align-items:center;

}

.live-video iframe{

width:100%;
height:420px;
border-radius:15px;

}

.live-content{

background:white;
padding:30px;
border-radius:15px;

box-shadow:0 10px 25px rgba(0,0,0,0.08);

}

.live-tag{

background:#f25c05;
color:white;
padding:5px 12px;
border-radius:20px;
font-size:12px;

}

.live-content h1{

margin-top:10px;

}

.live-btn{

display:inline-block;
margin-top:15px;

background:#f25c05;
color:white;

padding:10px 18px;
border-radius:6px;

cursor:pointer;

}


/* NOTICIAS */

.quick-news{

margin-top:60px;

}

.quick-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;

}

.quick-card{

background:white;
border-radius:15px;
overflow:hidden;

box-shadow:0 10px 25px rgba(0,0,0,0.08);

transition:0.3s;

}

.quick-card:hover{

transform:translateY(-8px);

}

.quick-card img{

width:100%;
height:200px;
object-fit:cover;

}

.quick-content{

padding:18px;

}

.tag{

font-size:12px;
color:#f25c05;
font-weight:600;

}

.quick-content h3{

margin-top:8px;
font-size:18px;

}


/* DESTACADA */

.featured-news{

margin-top:70px;

}

.featured-grid{

display:grid;
grid-template-columns:1.5fr 1fr;
gap:40px;
align-items:center;

}

.featured-image img{

width:100%;
border-radius:15px;

}

.featured-tag{

color:#f25c05;
font-weight:600;

}

.featured-content h2{

margin-top:10px;
font-size:28px;

}

.featured-btn{

display:inline-block;
margin-top:20px;

background:#f25c05;
color:white;

padding:10px 20px;
border-radius:6px;

}


/* CATEGORIAS */

.categories{

margin-top:70px;

}

.category-grid{

display:grid;
grid-template-columns:repeat(6,1fr);
gap:30px;

text-align:center;

}

.category-card{

cursor:pointer;

}

.circle{

width:80px;
height:80px;

background:#f25c05;
color:white;

display:flex;
align-items:center;
justify-content:center;

border-radius:50%;

font-size:24px;
font-weight:700;

margin:auto;

transition:0.3s;

}

.category-card:hover .circle{

transform:scale(1.1);

}

.category-card p{

margin-top:10px;
font-weight:600;

}


/* VIDEOS */

.video-section{

margin-top:70px;

}

.video-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;

}

.video-card iframe{

width:100%;
height:200px;

border-radius:10px;

}