/* =========================================
           ESTILOS GENERALES
           ========================================= */
 .news-content-section {
     padding: 60px 0;
     background-color: #f9f9f9;
 }

 
 .news-headline {
     color: var(--u-verde-profundo);
     font-family: 'Merriweather', serif;
     font-weight: 900;
     font-size: 2rem;
     line-height: 1.2;
     margin-bottom: 5px;
 }

 /* Noticia Destacada */
 .featured-news {
     background: white;
     border-radius: 12px;
     overflow: hidden;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
     margin-bottom: 50px;
     border: 1px solid #eee;
 }

 .featured-img-wrapper {
     height: 100%;
     min-height: 400px;
 }

 .featured-content {
     padding: 40px;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .category-badge {
     background-color: var(--u-dorado);
     color: black;
     padding: 5px 12px;
     font-size: 0.75rem;
     font-weight: 800;
     text-transform: uppercase;
     border-radius: 20px;
     display: inline-block;
     margin-bottom: 15px;
 }

 /* Colores Categorías */
 .badge-tp {
     background-color: #0d6efd;
     color: white;
 }

 .badge-deporte {
     background-color: #198754;
     color: white;
 }

 .badge-cultura {
     background-color: #6610f2;
     color: white;
 }

 .badge-comunidad {
     background-color: #dc3545;
     color: white;
 }

 /* Buscador */
 .search-bar-container {
     background: white;
     padding: 20px;
     border-radius: 8px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
     margin-bottom: 40px;
     border-left: 4px solid var(--u-verde-profundo);
 }

 /* Cards Noticias */
 .news-grid-card {
     background: white;
     border: 1px solid #eee;
     border-radius: 8px;
     overflow: hidden;
     height: 100%;
     transition: all 0.3s;
     display: flex;
     flex-direction: column;
 }

 .news-grid-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
     border-bottom: 3px solid var(--u-dorado);
 }

 .news-img-top {
     height: 200px;
     overflow: hidden;
     position: relative;
 }

 .news-img-top img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.5s;
 }

 .news-grid-card:hover .news-img-top img {
     transform: scale(1.1);
 }

 .news-body {
     padding: 25px;
     flex-grow: 1;
     display: flex;
     flex-direction: column;
 }

 .news-date {
     font-size: 0.8rem;
     color: #888;
     margin-bottom: 10px;
     display: block;
 }

 .news-title {
     font-family: 'Merriweather', serif;
     font-weight: 700;
     font-size: 1.1rem;
     margin-bottom: 10px;
     color: #222;
 }

 .news-excerpt {
     font-size: 0.9rem;
     color: #666;
     margin-bottom: 20px;
     flex-grow: 1;
 }

 .read-more-btn {
     color: var(--u-verde-profundo);
     font-weight: 700;
     font-size: 0.85rem;
     text-transform: uppercase;
     letter-spacing: 1px;
     cursor: pointer;
     border: none;
     background: none;
     padding: 0;
     text-align: left;
 }

 .read-more-btn:hover {
     color: var(--u-dorado);
 }

 /* LECTOR DE NOTICIAS (OCULTO) */
 #news-reader-section {
     display: none;
     padding-top: 40px;
     border-top: 1px solid #ddd;
     margin-top: 40px;
     background-color: #fff;
     border-radius: 10px;
     padding: 40px;
     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
 }

 #reader-title {
     font-family: 'Merriweather', serif;
     font-weight: 900;
     color: var(--u-verde-profundo);
     font-size: 2rem;
 }

 #reader-content {
     font-size: 1.1rem;
     line-height: 1.8;
     color: #444;
 }

 #reader-img {
     width: 100%;
     height: 400px;
     object-fit: cover;
     border-radius: 8px;
     margin-bottom: 30px;
 }

 /* Ajustes Móvil */
 @media (max-width: 991px) {
     .hero-slide {
         height: 300px;
     }

     .hero-news-card {
         width: 90%;
         bottom: 20px;
         padding: 20px;
     }

     #reader-img {
         height: 250px;
     }
 }

 /* =========================================
           ESTILOS GENERALES
           ========================================= */
 .news-content-section {
     padding: 60px 0;
     background-color: #f9f9f9;
 

 .news-headline {
     color: var(--u-verde-profundo);
     font-family: 'Merriweather', serif;
     font-weight: 900;
     font-size: 2rem;
     line-height: 1.2;
     margin-bottom: 5px;
 }

 /* Noticia Destacada */
 .featured-news {
     background: white;
     border-radius: 12px;
     overflow: hidden;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
     margin-bottom: 50px;
     border: 1px solid #eee;
 }

 .featured-img-wrapper {
     height: 100%;
     min-height: 400px;
 }

 .featured-content {
     padding: 40px;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .category-badge {
     background-color: var(--u-dorado);
     color: black;
     padding: 5px 12px;
     font-size: 0.75rem;
     font-weight: 800;
     text-transform: uppercase;
     border-radius: 20px;
     display: inline-block;
     margin-bottom: 15px;
 }

 /* Colores Categorías */
 .badge-tp {
     background-color: #0d6efd;
     color: white;
 }

 .badge-deporte {
     background-color: #198754;
     color: white;
 }

 .badge-cultura {
     background-color: #6610f2;
     color: white;
 }

 .badge-comunidad {
     background-color: #dc3545;
     color: white;
 }

 /* Buscador */
 .search-bar-container {
     background: white;
     padding: 20px;
     border-radius: 8px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
     margin-bottom: 40px;
     border-left: 4px solid var(--u-verde-profundo);
 }

 /* Cards Noticias */
 .news-grid-card {
     background: white;
     border: 1px solid #eee;
     border-radius: 8px;
     overflow: hidden;
     height: 100%;
     transition: all 0.3s;
     display: flex;
     flex-direction: column;
 }

 .news-grid-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
     border-bottom: 3px solid var(--u-dorado);
 }

 .news-img-top {
     height: 200px;
     overflow: hidden;
     position: relative;
 }

 .news-img-top img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.5s;
 }

 .news-grid-card:hover .news-img-top img {
     transform: scale(1.1);
 }

 .news-body {
     padding: 25px;
     flex-grow: 1;
     display: flex;
     flex-direction: column;
 }

 .news-date {
     font-size: 0.8rem;
     color: #888;
     margin-bottom: 10px;
     display: block;
 }

 .news-title {
     font-family: 'Merriweather', serif;
     font-weight: 700;
     font-size: 1.1rem;
     margin-bottom: 10px;
     color: #222;
 }

 .news-excerpt {
     font-size: 0.9rem;
     color: #666;
     margin-bottom: 20px;
     flex-grow: 1;
 }

 .read-more-btn {
     color: var(--u-verde-profundo);
     font-weight: 700;
     font-size: 0.85rem;
     text-transform: uppercase;
     letter-spacing: 1px;
     cursor: pointer;
     border: none;
     background: none;
     padding: 0;
     text-align: left;
 }

 .read-more-btn:hover {
     color: var(--u-dorado);
 }

 /* LECTOR DE NOTICIAS (OCULTO) */
 #news-reader-section {
     display: none;
     padding-top: 40px;
     border-top: 1px solid #ddd;
     margin-top: 40px;
     background-color: #fff;
     border-radius: 10px;
     padding: 40px;
     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
 }

 #reader-title {
     font-family: 'Merriweather', serif;
     font-weight: 900;
     color: var(--u-verde-profundo);
     font-size: 2rem;
 }

 #reader-content {
     font-size: 1.1rem;
     line-height: 1.8;
     color: #444;
 }

 #reader-img {
     width: 100%;
     height: 400px;
     object-fit: cover;
     border-radius: 8px;
     margin-bottom: 30px;
 }

 /* Ajustes Móvil */
 @media (max-width: 991px) {
     .hero-slide {
         height: 300px;
     }

     .hero-news-card {
         width: 90%;
         bottom: 20px;
         padding: 20px;
     }

     #reader-img {
         height: 250px;
     }
 }
}