/* BASE */

.news-page{
font-family:'Poppins', sans-serif;
background:#f7f7f7;
}

/* HERO */

.news-hero{
height:40vh;
background:linear-gradient(120deg,#ff6a00,#ff8c42);
display:flex;
align-items:center;
justify-content:center;
color:white;
text-align:center;
}

.news-hero h1{
font-size:40px;
}

/* DESTACADA */

.news-featured{
padding:40px 10%;
}

.featured-card{
position:relative;
border-radius:15px;
overflow:hidden;
}

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

.featured-content{
position:absolute;
bottom:0;
left:0;
right:0;
padding:30px;
background:linear-gradient(to top,rgba(0,0,0,.8),transparent);
color:white;
}

.featured-content span{
background:#ff6a00;
padding:5px 10px;
border-radius:6px;
font-size:12px;
}

.featured-content a{
display:inline-block;
margin-top:10px;
background:#ff6a00;
padding:10px 20px;
border-radius:20px;
color:white;
text-decoration:none;
}

/* GRID */

.news-main{
padding:40px 10%;
}

.section-title{
margin-bottom:20px;
font-size:24px;
}

.news-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:20px;
}

.news-card{
background:white;
border-radius:15px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:.3s;
}

.news-card:hover{
transform:translateY(-8px);
}

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

.news-content{
padding:15px;
}

.tag{
background:#ff6a00;
color:white;
padding:5px 8px;
border-radius:5px;
font-size:12px;
}

.news-content a{
display:inline-block;
margin-top:10px;
color:#ff6a00;
font-weight:bold;
text-decoration:none;
}

/* LISTA + SIDEBAR */

.news-extra{
padding:40px 10%;
}

.news-layout{
display:grid;
grid-template-columns:2fr 1fr;
gap:30px;
}

/* LISTA */

.list-item{
display:flex;
gap:15px;
margin-bottom:15px;
background:white;
padding:10px;
border-radius:10px;
transition:.3s;
}

.list-item:hover{
background:#fff3eb;
}

.list-item img{
width:120px;
height:80px;
object-fit:cover;
border-radius:8px;
}

/* SIDEBAR */

.news-sidebar{
background:#1a1a1a;
color:white;
padding:20px;
border-radius:12px;
}

.news-sidebar h3{
margin-bottom:15px;
}

.news-sidebar ul{
list-style:none;
padding:0;
}

.news-sidebar li{
margin-bottom:10px;
}

/* RESPONSIVE */

@media(max-width:768px){

.news-layout{
grid-template-columns:1fr;
}

.featured-card img{
height:250px;
}

}
/* ===== CATEGORIA PAGE ===== */

/* HERO NARANJA */
.cat-hero {
    background: #ff6a00;
    color: white;
    padding: 50px 20px;
    text-align: center;
}

.cat-hero h1 {
    font-size: 34px;
    font-weight: 700;
}

.cat-hero p {
    margin-top: 10px;
    opacity: 0.9;
}

/* CONTENIDO */
.cat-content {
    padding: 40px 20px;
}

/* GRID */
.cat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

/* CARD */
.cat-card {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    color: black;
    transition: 0.3s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.cat-card:hover {
    transform: translateY(-5px);
}

/* IMAGEN */
.cat-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

/* TITULO */
.cat-card h3 {
    padding: 10px;
    font-size: 16px;
}

/* FECHA */
.cat-card p {
    padding: 0 10px 10px;
    font-size: 12px;
    color: gray;
}

.news-card,
.list-item,
.featured-card {
    text-decoration: none;
    color: inherit;
    display: block;
}