/*
Theme Name: Yucas en Línea
Description: Tema personalizado para noticias enfocadas en la comunidad yucateca.
Version: 1.1
Author: Juan Colonia
*/

/* Configuración global */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: white;
    color: #333;
}


/* 🔥 Banner superior */
.top-banner {
    width: 100%;
    height: 220px; /* Mantiene proporción de tu banner */
    overflow: hidden;
    text-align: center;
    background-color: #4b764c; /* color de fondo detrás de la imagen */
}


.top-banner img {
    width: 100%;
    height: auto;
    max-height: 220px; /* Controla la altura máxima */
    object-fit: cover; /* Asegura que la imagen cubra el área sin distorsionarse */
}

@media (max-width: 767px) {
.top-banner {
    width: 100%;
    max-height: 80px; /* Ajusta la altura del banner según lo necesites */
    overflow: hidden;
    text-align: center;
	}
}




/*HEADER*/ /*HEADER*/ /*HEADER*/ /*HEADER*/ /*HEADER*/ /*HEADER*/ /*HEADER*/


/* Franja superior */
.top-bar {
    background-color: #4b764c;
    color: #f1f7ee;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
	font-weight: 500;
    font-style: normal;

}

.top-bar a {
    color: #ffd700;
    text-decoration: underline;
}

/* Información adicional */
.info-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.info-left span {
    margin-right: 10px;
    font-size: 14px;
    color: #2b2b2b;
	font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.info-right .social-link {
    margin-left: 10px;
    font-size: 14px;
    color: #555;
    text-decoration: none;
    transition: color 0.3s;
}

.info-right .social-link:hover {
    color: #ff4d4d;
}

/* Bloque principal centrado */
.main-nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 20px auto;
    padding: 0 20px;
    gap: 20px; /* Espaciado entre logo, menú y búsqueda */
}

/* Estilo del logo */
.logo img {
    max-height: 60px;
}

/* Menú de categorías */
.main-menu {
    flex-grow: 1; /* Permite que ocupe más espacio */
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-menu .menu {
    display: flex;
    justify-content: center;
    list-style: none;
    gap: 20px;
    margin: 0;
    padding: 0;
	
}


.main-menu .menu li a {
    text-decoration: none;
    color: #2b2b2b;
    font-size: 16px;
    font-weight: bold;
    transition: color 0.3s ease;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;

}

@media (min-width: 768px) and (max-width: 1024px) {

.main-menu .menu li a {
    text-decoration: none;
    color: #2b2b2b;
    font-size: 12px;
    font-weight: bold;
    transition: color 0.3s ease;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}
	}







.main-menu .menu li a:hover {
    color: #4b764c;
}

/* Barra de búsqueda */
.search-form {
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 20px;
    overflow: hidden;
    padding: 5px 10px;
    height: 40px; /* Tamaño consistente con el menú */
    max-width: 300px; /* Limita el ancho */
}

@media (min-width: 768px) and (max-width: 1024px) {
.search-form {
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 20px;
    overflow: hidden;
    padding: 5px 10px;
    height: 25px; /* Tamaño consistente con el menú */
    max-width: 220px; /* Limita el ancho */
}
	}





.search-input {
    border: none;
    padding: 5px 10px;
    outline: none;
    font-size: 14px;
    flex: 1;
    background-color: transparent;
	  font-family: "Poppins", sans-serif;
	  font-weight: 400;
	  font-style: normal;

}

@media (min-width: 768px) and (max-width: 1024px) {
.search-input {
    border: none;
    padding: 0px 0px;
    outline: none;
    font-size: 10px;
    flex: 1;
    background-color: transparent;
	  font-family: "Poppins", sans-serif;
	  font-weight: 400;
	  font-style: normal;

}
}



.search-button {
    background-color: #2b2b2b; /* Color de fondo del botón */
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 40%;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.search-button i {
    font-size: 18px;
}

.search-button:hover {
    background-color: #4b764c; /* Cambia de color al pasar el cursor */
}


 /* Sin resultados */
    .no-results {
        padding: 20px;
        font-size: 16px; /* Ajustar tamaño */
		font-family: "Poppins", serif;
  		font-weight: 400;
  		font-style: normal;
        color: #888;
    }	





/* 🔥 Etiqueta de Video */
.video-tag {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #e25050;
    color: #fff;
    padding: 6px 12px;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    border-radius: 4px;
    z-index: 3;
    text-transform: uppercase;
}







/*INDEX*/ /*INDEX*/ /*INDEX*/ /*INDEX*/ /*INDEX*/ /*INDEX*/ /*INDEX*/ /*INDEX*/ /*INDEX*/ /*INDEX*/ /*INDEX*/ /*INDEX*/


/* Sección de Últimas Noticias */
.latest-news {
    max-width: 1350px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    margin-top: 60px;
}

.latest-news h2 {
    margin-bottom: 15px;
    margin-top: -50px;
    font-size: 20px;
    color: #333;
}

/* Cuadrícula de noticias */
.news-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0px; /* Sin separación entre las noticias */
}




.news-item.big {
    grid-column: span 4;
    height: 570px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px; /* Espacio debajo de la noticia destacada */
}

.news-item.big img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-item.big h3 {
    position: absolute;
    bottom: 40px;
    left: 10px;
    margin: 0;
    font-size: 24px;
    color: #f1f7ee;
    text-align: left;
    z-index: 2;
    padding: 5px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

/* Efecto degradado en la noticia principal */
.news-item.big::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Debajo del h3, pero sobre la imagen */
    background: linear-gradient(
        to top,
        rgba(0,0,0,1) 0%, /* Negro semi-transparente abajo */
        rgba(0,0,0,0) 100%  /* Transparente arriba */
    );
}


/* Etiqueta de Destacado */
.news-item.big::after {
    content: "Destacado";
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #4b764c;
    color: #fff;
    padding: 8px 12px;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    z-index: 3;
}

.news-item.small {
    height: 250px;
    overflow: hidden;
    position: relative;
}

.news-item.small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Título */
.news-item.small h3 {
    position: absolute;
    bottom: 40px;
    left: 10px;
    margin: 0;
    font-size: 14px;
    color: #f1f7ee;
    text-align: left;
    z-index: 2; /* para que quede por encima del pseudo-elemento */
    padding: 5px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

/* Efecto degradado */
.news-item.small::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* por debajo del h3 pero por encima de la imagen */
    /* Degradado de negro a transparente */
    background: linear-gradient(
        to top, 
        rgba(0,0,0,1.3) 0%,  /* Negro semi-transparente abajo */
        rgba(0,0,0,0) 100%   /* Transparente arriba */
    );
}


/* Efecto hover en imágenes */
.news-item img {
    transition: transform 0.6s ease, filter 0.6s ease;
}

.news-item:hover img {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}




/* RESPONSIVIDAD */

@media (max-width: 767px) {
.news-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

/* Noticia principal (imagen grande) */
.news-item.big {
    grid-column: span 4;
    min-height: 300px;
    position: relative;
    overflow: hidden;
		    margin-bottom: 0px; /* ✅ Agrega espacio debajo de la noticia destacada */

}

.news-item.big img {
    width: 100%;
    min-height: 300px;
    object-fit: cover;

}

.news-item.big h3 {
    position: absolute;
    bottom: 40px;
    left: 10px;
    margin: 0;
    font-size: 14px;
    color: #f1f7ee;
    text-align: left;
    z-index: 2;
    padding: 5px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    transition: background 0.3s ease, font-size 0.3s ease;
}

/* Etiqueta de Destacado */
.news-item.big::after {
    content: "Destacado";
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #4b764c;
    color: #fff;
    padding: 8px 12px;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    z-index: 3;
}

/* Noticias pequeñas */
.news-item.small {
  position: relative;
    width: 100%;
    min-height: 250px; /* O ajusta este valor según lo que necesites */
    overflow: hidden;
}

.news-item.small img {
    width: 100%;
    min-height: 250px;
	max-height: 250px;
    object-fit: cover;
    object-position: center;
    display: block;

}

.news-item.small h3 {
    position: absolute;
    bottom: 40px;
    left: 10px;
    margin: 0;
    font-size: 12px;
    color: #f1f7ee;
    text-align: left;
    z-index: 2;
    padding: 5px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    transition: background 0.3s ease, font-size 0.3s ease;
}

/* Fondo negro translúcido */
.news-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
    transition: background 0.3s ease;
}

.news-item:hover::before {
    background: rgba(0, 0, 0, 0.8);
}

/* Efecto hover en imágenes */
.news-item img {
    transition: transform 0.6s ease, filter 0.6s ease;
}

.news-item:hover img {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}


}











/* Estilo de la fecha de publicación */
.post-date {
    position: absolute;
    bottom: 10px; /* Ajusta la posición en la parte inferior de la tarjeta */
    left: 10px; /* Margen desde la izquierda */
    color: #ffffff; /* Color del texto */
    font-size: 10px; /* Tamaño del texto */
    padding: 3px 5px; /* Espaciado interno */
    z-index: 2; /* Por encima de otros elementos */
	font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}


/* Sección de Anuncios */
.advertisement {
    margin: 40px auto;
    padding: 20px;
    text-align: center;
    background-color: #f4f4f4; /* Fondo claro */
    border: 1px solid #ddd; /* Borde suave */
    border-radius: 8px; /* Bordes redondeados */
    max-width: 1300px; /* Ancho máximo */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra ligera */
}

.advertisement h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
	font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.advertisement .ad-banner {
    position: relative;
    overflow: hidden;
}

.advertisement .ad-banner img {
    width: 100%; /* Asegura que el banner ocupe todo el espacio */
    max-height: 300px; /* Ajusta la altura máxima */
    object-fit: cover; /* Ajusta la imagen sin distorsionarla */
    margin-bottom: 10px;
}

.advertisement .ad-banner p {
    font-size: 16px;
    color: #666;
    margin: 10px 0 0;
	font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}




/* DOS COLUMNAS *//* DOS COLUMNAS *//* DOS COLUMNAS *//* DOS COLUMNAS *//* DOS COLUMNAS *//* DOS COLUMNAS *//* DOS COLUMNAS */



.two-columns {
    display: flex;
    gap: 20px; /* Espaciado entre columnas */
    margin: 40px auto;
    padding: 20px;
    max-width: 1400px;
}

.column {
    padding: 20px;
    border-radius: 8px;
}

/* Configuración de ancho para las columnas */
.left-column {
    flex-basis: 80%; /* La columna izquierda ocupa el 60% del espacio */
    max-width: 80%; /* Para asegurar que no crezca más allá del 60% */
}

.right-column {
    flex-basis: 20%; /* La columna derecha ocupa el 40% del espacio */
    max-width: 20%; /* Para asegurar que no crezca más allá del 40% */
}

/* Línea divisora */
.divider {
	width: 5px;
    background-color: #4b764c;
    margin: 0 10px;
}

.column-title {
    font-size: 24px; /* Tamaño de la fuente */
    margin-bottom: 40px; /* Espaciado debajo del título */
    color: #2b2b2b; /* Color del texto */
	font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}






.news-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Tres columnas */
    gap: 20px;
    margin-top: 20px;
}

.news-card {
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}





/* Contenedor de la imagen */
.news-card-image img {
    width: 100%;
    height: 200px; /* Ajusta el alto de la imagen */
    object-fit: cover; /* Asegura que la imagen no se deforme */
    display: block;
	border-radius:8px;
    filter: brightness(100%); /* Brillo inicial */
    transition: transform 0.6s ease, filter 0.6s ease; /* Transición suave para entrar y salir */
}

@media (min-width: 768px) and (max-width: 1024px) {
.news-card-image img {
    width: 100%;
    height: 160px; /* Ajusta el alto de la imagen */
    object-fit: cover; /* Asegura que la imagen no se deforme */
    display: block;
	border-radius:8px;
    filter: brightness(100%); /* Brillo inicial */
    transition: transform 0.6s ease, filter 0.6s ease; /* Transición suave para entrar y salir */
}
	}



.news-card-image:hover img {
    transform: scale(1.1); /* Zoom al 110% */
    transition: transform 0.6s ease, filter 0.6s ease; /* Transición más suave */
	    filter: brightness(50%); /* Oscurece la imagen */

}


/* Contenedor de los textos */
.news-card-texts {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Título de la noticia */
.news-title {
	margin: 0;
    font-size: 18px;
	font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;
}


@media (min-width: 768px) and (max-width: 1024px) {
.news-title {
	margin: 0;
    font-size: 14px;
	font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;
}
	}

.news-title a {
    text-decoration: none; /* Elimina el subrayado del enlace */
    color: #2b2b2b; /* Color inicial del texto */
    transition: color 0.3s ease; /* Suaviza la transición de color */
}

.news-title a:hover {
    color: #4b764c; /* Cambia al color deseado (amarillo en este caso) */
}


/* Meta información */
.news-meta {
    font-size: 12px;
    color: #888;
    margin: 0;
	 font-family: "Poppins", sans-serif;
  	font-weight: 300;
  	font-style: normal;
}

@media (min-width: 768px) and (max-width: 1024px) {
.news-meta {
    font-size: 9px;
    color: #888;
    margin: 0;
	 font-family: "Poppins", sans-serif;
  	font-weight: 300;
  	font-style: normal;
}}



/* Extracto de la noticia */
.news-excerpt {
    font-size: 13px;
	font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
    color: #2b2b2b;
    margin: 0;
    text-align: left;
}


@media (min-width: 768px) and (max-width: 1024px) {
.news-excerpt {
    font-size: 11px;
	font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
    color: #2b2b2b;
    margin: 0;
    text-align: left;
}}



/* Contenedor principal */
.category-news-container {
    margin-top: 40px;
}

/* Contenedor de las dos columnas */
.dual-column-container {
    display: flex;
    justify-content: space-between;
    gap: 20px; /* Espaciado entre las dos columnas */
}

/* Estilo de cada columna */
.unique-category-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Títulos de cada columna */
.unique-column-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: left;
    color: #2b2b2b;
}



/* Contenedor de filas de noticias */
.unique-news-row {
    display: flex;
    gap: 15px;
    border-radius: 8px;
    overflow: hidden;
    height: 150px; /* Altura fija para todos los contenedores */
	    margin-bottom: 20px; /* Espacio inferior entre noticias */

}
.unique-news-row:last-child {
    margin-bottom: 0; /* Evita el espacio extra en la última noticia */
}


.unique-news-row:hover {
}

/* Contenedor de la imagen */
.unique-news-image {
    flex-shrink: 0;
    width: 200px; /* Mantiene el aspecto cuadrado de la imagen */
    height: 100%; /* La imagen toma el 100% de la altura del contenedor */
    overflow: hidden;
    border-radius: 8px 8px 8px 8px;
}


@media (min-width: 768px) and (max-width: 1024px) {
.unique-news-image {
    flex-shrink: 0;
    width: 150px; /* Mantiene el aspecto cuadrado de la imagen */
    height: 100%; /* La imagen toma el 100% de la altura del contenedor */
    overflow: hidden;
    border-radius: 8px 8px 8px 8px;
}}


.unique-news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta la imagen sin distorsionarla */
    transition: transform 0.3s ease; /* Transición para el hover */
}

.unique-news-image {
    position: relative; /* Necesario para posicionar el pseudo-elemento */
    overflow: hidden; /* Asegura que el efecto no se salga del contenedor */
}

.unique-news-image:hover img {
    transform: scale(1.1); /* Zoom suave al pasar el cursor */
    transition: transform 0.3s ease;
}

.unique-news-image::before {
    content: ''; /* Crea el pseudo-elemento */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Negro completamente transparente por defecto */
    transition: background-color 0.3s ease; /* Transición suave */
    z-index: 1; /* Coloca el pseudo-elemento encima de la imagen */
}

.unique-news-image:hover::before {
    background-color: rgba(0, 0, 0, 0.5); /* Negro translúcido al hacer hover */
}


/* Contenedor de los textos */
.unique-news-texts {
    flex-grow: 1;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Título */
.unique-news-title {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    color: #2b2b2b;
}

@media (min-width: 768px) and (max-width: 1024px) {
.unique-news-title {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    color: #2b2b2b;
}}


.unique-news-title a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}

.unique-news-title a:hover {
    color: #4b764c;
}

/* Meta (fecha y autor) */
.unique-news-meta {
    font-size: 14px;
    color: #888;
    margin-top: 5px;
}

@media (min-width: 768px) and (max-width: 1024px) {
.unique-news-meta {
    font-size: 11px;
    color: #888;
    margin-top: 5px;
}}


/* Extracto */
.unique-news-excerpt {
    font-size: 14px;
    color: #555;
    margin-top: 10px;
}












/* CAJA DE REDES SOCIALES COLUMNA DERECHA *//* CAJA DE REDES SOCIALES COLUMNA DERECHA *//* CAJA DE REDES SOCIALES COLUMNA DERECHA */


.social-media-box {
    background-color: #4b764c;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.social-media-box h2 {
    font-size: 16px;
	  font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
    color: #f1f7ee;
    margin-bottom: 15px;
}

.social-icons {
    display: flex;
    justify-content: center;
    gap: 20px; /* Espaciado entre íconos */
}

.social-icons a img {
    width: 40px; /* Tamaño de los íconos */
    height: 40px;
    transition: transform 0.3s ease;
}

.social-icons a img:hover {
    transform: scale(1.2); /* Aumenta ligeramente el tamaño al pasar el cursor */
}




/* Sección de Anuncios COLUMNA 2*/ /* Sección de Anuncios COLUMNA 2*/ /* Sección de Anuncios COLUMNA 2*/ /* Sección de Anuncios COLUMNA 2*/
.advertisement-column2 {
    margin: 40px auto;
    padding: 20px;
    text-align: center;
    border-radius: 8px; /* Bordes redondeados */
	height: 600px;
    max-width: 1700px; /* Ancho máximo */
}

.advertisement-column2 h2 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
	font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.advertisement-column2 .ad-banner {
    position: relative;
    overflow: hidden;
}

.advertisement-column2 .ad-banner img {
    width: 100%; /* Asegura que el banner ocupe todo el espacio */
    max-height: 300px; /* Ajusta la altura máxima */
    object-fit: cover; /* Ajusta la imagen sin distorsionarla */
    margin-bottom: 10px;
}

.advertisement-column2 .ad-banner p {
    font-size: 16px;
    color: #666;
    margin: 10px 0 0;
	font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}





/* CONTADOR DE NOTICIAS POR CATEGORÍA*/ /* CONTADOR DE NOTICIAS POR CATEGORÍA*/ /* CONTADOR DE NOTICIAS POR CATEGORÍA*/ /* CONTADOR DE NOTICIAS POR CATEGORÍA*/ 


 /* Contenedor general */
.category-counter {
    padding: 2px;
    border-radius: 8px;
    margin-bottom: 30px;
}

/* Título */
.category-counter-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    color: #2b2b2b;
	font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* Tabla */
.category-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 16px;
	font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.category-table a {
    text-decoration: none; /* Elimina el subrayado del enlace */
    color: #2b2b2b; /* Color inicial del texto */
    transition: color 0.3s ease; /* Suaviza la transición de color */
}

.category-table a:hover {
    color: #4b764c; /* Cambia al color deseado (amarillo en este caso) */
}

/* Cabecera de la tabla */
.category-table thead {
    background-color: #4b764c;
    color: #fff;
}

.category-table thead th {
    padding: 10px;
    font-weight: bold;
	color: #f1f7ee;

}

/* Filas de la tabla */
.category-table tbody tr {
    border-bottom: 1px solid #ddd;
}

.category-table tbody tr:nth-child(even) {
    background-color: #f1f7ee;
}

.category-table tbody td {
    padding: 10px;
}

/* Colores para las cifras */
.category-table tbody td:last-child {
    font-weight: bold;
    text-align: center;
    background-color: #f1f7ee;
    border-radius: 4px;
}






/* Contenedor completo */
.full-container-last {
    width: 100%;
    padding: 40px 0px;
    background-color: #f9f9f9; /* Fondo claro */
    margin-top: 40px; /* Espaciado superior */
}

/* Título */
.last-section-title {
    font-size: 24px;
    font-family: "Poppins", serif;
  font-weight: 600;
  font-style: normal;
    text-align: center;
    margin-bottom: 20px;
    color: #333;
}

/* Rejilla de noticias */
.last-news-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 350px)); /* Tarjetas más angostas */
    justify-content: center; /* Centra las columnas si no ocupan todo el ancho */
    gap: 30px;
}



.last-news-card {
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column; /* Asegura que la imagen y el texto estén en columna */
    height: 100%; /* Asegura que todas las tarjetas tengan la misma altura */
}

.last-news-card:hover {
    transform: translateY(-5px); /* Efecto de elevación */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Imagen */
.last-news-image {
    width: 100%;
    height: 200px; /* Altura fija para las imágenes */
    overflow: hidden;
    position: relative;
}

.last-news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* La imagen se ajusta y mantiene su proporción */
    transition: transform 0.3s ease;
}

.last-news-card {
    position: relative; /* Necesario para posicionar el pseudo-elemento */
    overflow: hidden; /* Asegura que el efecto no se salga del contenedor */
}

.last-news-card:hover .last-news-image img {
    transform: scale(1.1); /* Zoom suave al pasar el cursor */
    transition: transform 0.3s ease;
}

.last-news-card .last-news-image::before {
    content: ''; /* Crea el pseudo-elemento */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* Negro completamente transparente por defecto */
    transition: background-color 0.3s ease; /* Transición suave */
    z-index: 1; /* Coloca el pseudo-elemento encima de la imagen */
}

.last-news-card:hover .last-news-image::before {
    background-color: rgba(0, 0, 0, 0.5); /* Negro translúcido al hacer hover */
}


/* Contenedor de texto */
.last-news-texts {
    padding: 15px;
    flex-grow: 1; /* Asegura que el contenido textual llene el espacio restante */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Espacio entre título y meta */
}

/* Título de noticia */
.last-news-title {
    font-size: 18px;
    font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;
    margin: 0 0 10px 0;
    color: #2b2b2b;
    text-decoration: none;
    line-height: 1.4; /* Mejora la legibilidad */
}

@media (min-width: 768px) and (max-width: 1024px) {
.last-news-title {
    font-size: 16px;
    font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;
    margin: 0 0 10px 0;
    color: #2b2b2b;
    text-decoration: none;
    line-height: 1.4; /* Mejora la legibilidad */
}}


.last-news-title a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}

.last-news-title a:hover {
    color: #4b764c;
}

/* Meta (fecha y autor) */
.last-news-meta {
    font-size: 14px;
    color: #888;
    margin-top: auto; /* Alinea la fecha al fondo del contenedor */
}


@media (min-width: 768px) and (max-width: 1024px) {
.last-news-meta {
    font-size: 11px;
    color: #888;
    margin-top: auto; /* Alinea la fecha al fondo del contenedor */
}}








/* PAGINA DE NOTICIA SINGLE*/ /* PAGINA DE NOTICIA SINGLE*/ /* PAGINA DE NOTICIA SINGLE*/ /* PAGINA DE NOTICIA SINGLE*/ /* PAGINA DE NOTICIA SINGLE*/ /* PAGINA DE NOTICIA SINGLE*/ 


/* Contenedor general para las dos columnas */
.dual-columns-layout {
    display: flex;
    gap: 20px; /* Espaciado entre columnas */
    margin: 40px auto;
    max-width: 1400px; /* Ancho máximo del contenido */
    padding: 20px;
}

/* Columna izquierda */
.primary-content {
    flex-basis: 85%; /* Ajusta la anchura predeterminada al 70% */
    background-color: #fff;
    padding: 20px;
}

/* Estilos del artículo (columna izquierda) */
.news-article {
    margin-bottom: 40px; /* Espaciado inferior entre secciones */
}

.featured-image {
    max-width: 100%; /* La imagen no será más grande que su contenedor */
    max-height: 400px; /* Limita la altura máxima de la imagen */
    width: auto; /* Ajusta automáticamente el ancho para mantener proporción */
    height: auto; /* Ajusta automáticamente la altura para mantener proporción */
    display: block; /* Asegura que la imagen se muestre correctamente */
    margin: 0 auto; /* Centra la imagen horizontalmente */
    object-fit: cover; /* Corta la imagen si es más grande pero sin distorsión */
    border-radius: 0px; /* (Opcional) Bordes redondeados para mejorar la estética */
}

/* Estilo predeterminado para videos horizontales */
.article-content video,
.article-content iframe {
    width: 100%;
    max-width: 100%; /* Evita que se desborden */
    aspect-ratio: 16 / 9; /* Horizontal */
    border-radius: 8px;
    margin: 0 auto; /* Centrar el video */
    display: block; /* Asegura que se comporte como bloque */
}

/* Estilo para videos verticales */
.article-content video.vertical,
.article-content iframe.vertical {
    aspect-ratio: 2 / 3; /* Vertical */
    width: 50%; /* Reduce el ancho para que no sea tan grande */
    max-height: 600px; /* Limita la altura máxima */
    margin: 0 auto; /* Centrar el video */
    display: block; /* Asegura que se comporte como bloque */
    border-radius: 8px;
}






/* Título de la noticia */
.article-title {
    font-size: 36px;
    color: #2b2b2b;
    margin-bottom: 10px;
	font-family: "Poppins", serif;
  font-weight: 700;
  font-style: normal;
}

/* Información adicional (meta) */
.article-meta {
    font-size: 14px;
    color: #888;
    margin-bottom: 20px;
	font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
}

/* Contenido principal */
.article-content {
    font-size: 16px;
    color: #2b2b2b;
    line-height: 1.6;
	font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
}




/* POST NAVEGACIÓN */ /* POST NAVEGACIÓN */ /* POST NAVEGACIÓN */ /* POST NAVEGACIÓN */ /* POST NAVEGACIÓN */ /* POST NAVEGACIÓN */ /* POST NAVEGACIÓN */

/* Contenedor General */
.post-navigation-container {
    margin-top: 30px;
    padding: 20px 0;
}

/* Título */
.navigation-title {
    font-size: 20px;
	color:#2b2b2b;
    font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;

    text-align: center;
    margin-bottom: 10px;
}

/* Línea Divisora */
.navigation-divider {
	
    border: 0;
    border-top: 1px solid #ddd;
    margin: 10px 0 20px 0;
}

/* Wrapper para los Contenedores */
.navigation-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

/* Contenedores de Previous y Next */
.post-container {
    width: 45%; /* Tamaño relativo */
	margin-bottom: -40px; /* Ajusta esta propiedad para modificar el espacio entre la imagen y la línea */

}

.post-inner {
    display: flex;
    align-items: flex-start; /* Alinea los elementos al inicio (parte superior) */
    gap: 15px; /* Espaciado entre la imagen y el texto */
    padding: 10px;
    border-radius: 8px;
}

/* Previous Post */
.prev-post .post-inner {
    flex-direction: row; /* Imagen a la izquierda */
    text-align: left;
}

/* Next Post */
.next-post .post-inner {
    flex-direction: row-reverse; /* Imagen a la derecha */
    text-align: right;
}

/* Imagen */
.post-image img {
	border-radius:8px;
	    transition: transform 0.6s ease, filter 0.6s ease; /* Transición suave para entrar y salir */
    object-fit: cover;

}


.post-image:hover img {
    transform: scale(1.1); /* Zoom al 110% */
    transition: transform 0.3s ease; /* Transición suave */
}

/* Texto */
.post-title {
    display: flex;
    flex-direction: column;
}

/* Quitar subrayado de los enlaces */
.post-title a {
    text-decoration: none; /* Elimina el subrayado */
}

.post-title span {
    font-size: 16px;
    color: #888;
	font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;
}

@media (min-width: 768px) and (max-width: 1024px) {
.post-title span {
    font-size: 12px;
    color: #888;
	font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;
}}

.post-title h3 {
    font-size: 18px;
    color: #2b2b2b;
    font-weight: bold;
    margin: 5px 0 0 0;
	font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;
	    transition: color 1s ease; /* Transición suave en ambos estados */

}


@media (min-width: 768px) and (max-width: 1024px) {
.post-title h3 {
    font-size: 14px;
    color: #2b2b2b;
    font-weight: bold;
    margin: 5px 0 0 0;
	font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;
	    transition: color 1s ease; /* Transición suave en ambos estados */
}}

/* Hover en el título */
.post-title a:hover h3 {
    color: #4b764c; /* Cambia el color al pasar el cursor */
}














/* Noticias relacionadas */
/* Contenedor principal de noticias relacionadas */
.related-news-section {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.related-news-section h2 {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: left;
	font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;
	color:#2b2b2b;
}

/* Estructura de las tarjetas relacionadas */
.related-news-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Tres columnas */
    gap: 20px;
}






/* Línea divisora */
.line-divider {
    width: 5px;
    background-color: #4b764c;
    margin: 0 10px;
}

/* Columna derecha */
.secondary-content {
    flex-basis: 15%; /* Ajusta la anchura predeterminada al 30% */
    padding: 20px;
    border-radius: 8px
}




/* Botones para compartir *//* Botones para compartir *//* Botones para compartir *//* Botones para compartir *//* Botones para compartir *//* Botones para compartir */
/* Botones para compartir */
.share-buttons {
    margin-top: 20px;
    padding: 15px 0;
    border-top: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.share-buttons h4 {
    width: 100%;
    font-size: 18px;
    margin-bottom: 10px;
}

.share-button {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-size: 16px;
    color: #333;
    border-radius: 8px;
    padding: 8px 12px;
    background-color: #f9f9f9;
    transition: background-color 0.3s ease;
    gap: 8px;
    border: none; /* Elimina el borde negro */
}

.share-button img {
    width: 24px;
    height: 24px;
}

.share-button.twitter img {
    width: 34px;
    height: 28px;
    
}


.share-button:hover {
    background-color: #e0e0e0;
}

.share-button.copy-link {
    cursor: pointer;
}





















/* CATEGORY */ /* CATEGORY */ /* CATEGORY */ /* CATEGORY */ /* CATEGORY */ /* CATEGORY */ /* CATEGORY */ /* CATEGORY */ /* CATEGORY */ /* CATEGORY */ 


/* Contenedor del encabezado de categoría */
.category-header-container {
	text-align: left;
    margin-top: 0px ; 
	margin-bottom: 20px ; 
    padding: 30px;
    max-width: 1200px; /* Puedes cambiar este ancho */
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}




.category-title {
    font-size: 24px;
    color: #2b2b2b;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    margin: 0;
}


/* Contenedor principal */
.dual-layout {
    display: flex;
    gap: 20px; /* Espaciado entre columnas */
    margin: 40px auto;
    padding: 20px;
    max-width: 1600px;
}

.dual-column {
    padding: 20px;
    border-radius: 8px;
}

/* Configuración de ancho para las columnas */
.main-column {
    flex-basis: 75%; /* La columna principal ocupa el 80% del espacio */
    max-width: 75%; /* Para asegurar que no crezca más allá del 80% */
}

.sidebar-column {
    flex-basis: 20%; /* La columna secundaria ocupa el 20% del espacio */
    max-width: 20%; /* Para asegurar que no crezca más allá del 20% */
}



/* Línea divisora */
.vertical-line {
    width: 5px;
    background-color: #4b764c;
    margin: 0 10px;
}



/* Rejilla de noticias */
.custom-news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Cuatro columnas */
    gap: 20px; /* Espaciado entre las tarjetas */
}

@media (min-width: 768px) and (max-width: 1024px) {
.custom-news-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Cuatro columnas */
    gap: 20px; /* Espaciado entre las tarjetas */
}}



/* Tarjeta de noticia */
.custom-news-card {
    background-color: #fff; /* Fondo blanco */
    border: 1px solid #ddd; /* Borde ligero */
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra ligera */
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column; /* Apilar contenido verticalmente */
    min-width: 340px; /* Ancho máximo */
	max-width: 340px;
    margin: 0 auto; /* Centrar tarjeta */
}

@media (min-width: 768px) and (max-width: 1024px) {
.custom-news-card {
    background-color: #fff; /* Fondo blanco */
    border: 1px solid #ddd; /* Borde ligero */
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra ligera */
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column; /* Apilar contenido verticalmente */
    min-width: 300px; /* Ancho máximo */
	max-width: 300px;
    max-height:340px;
    margin: 0 auto; /* Centrar tarjeta */
}}



.custom-news-card:hover {
    transform: translateY(-5px); /* Efecto de elevación */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Sombra más intensa */
}

/* Imagen destacada */
.custom-news-card img {
    width: 100%; /* Ancho completo */
    height: 200px; /* Altura fija */
    object-fit: cover; /* Ajuste sin distorsión */
}

@media (min-width: 768px) and (max-width: 1024px) {
.custom-news-card img {
    width: 100%; /* Ancho completo */
    height: 160px; /* Altura fija */
    object-fit: cover; /* Ajuste sin distorsión */
}}

/* Contenido textual */
.custom-news-content {
    padding: 15px; /* Espaciado interno */
    text-align: left; /* Alineación del texto */
}

/* Título */
.custom-news-title a {
    font-size: 16px; /* Tamaño del título */
	font-family: "Poppins", serif;
  	font-weight: 500;
  	font-style: normal;
	color: #333; /* Color del texto */
    text-decoration: none; /* Sin subrayado */
    transition: color 0.3s ease;
}

@media (min-width: 768px) and (max-width: 1024px) {
.custom-news-title a {
    font-size: 13px; /* Tamaño del título */
	font-family: "Poppins", serif;
  	font-weight: 500;
  	font-style: normal;
	color: #333; /* Color del texto */
    text-decoration: none; /* Sin subrayado */
    transition: color 0.3s ease;
}}

.custom-news-title a:hover {
    color: #4b764c; /* Color al pasar el cursor */
}

/* Meta información */
.custom-news-meta {
    font-size: 12px;
	font-family: "Poppins", serif;
  	font-weight: 400;
  	font-style: normal;
    color: #666;
    margin-bottom: 10px;
}

@media (min-width: 768px) and (max-width: 1024px) {
.custom-news-meta {
    font-size: 10px;
	font-family: "Poppins", serif;
  	font-weight: 400;
  	font-style: normal;
    color: #666;
    margin-bottom: 10px;
}}












/* Estilo para el widget de búsqueda */
.search-widget {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.search-widget h2 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
}

.search-form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    position: relative;
}

.search-form input[type="search"] {
    flex: 1;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 8px 0 0 8px;
    outline: none;
    font-family: "Poppins", sans-serif;
}

.search-form input[type="search"]::placeholder {
    color: #aaa;
}

.search-form input[type="submit"] {
    padding: 10px 15px;
    background-color: #ff4d4d;
    border: none;
    color: #fff;
    font-size: 16px;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.search-form input[type="submit"]:hover {
    background-color: #cc3b3b;
}

.search-form input[type="submit"] i {
    font-size: 16px; /* Ajusta el tamaño del ícono */
}




/* PAGINACIÓN *//* PAGINACIÓN *//* PAGINACIÓN *//* PAGINACIÓN *//* PAGINACIÓN *//* PAGINACIÓN *//* PAGINACIÓN *//* PAGINACIÓN *//* PAGINACIÓN *//* PAGINACIÓN *//* PAGINACIÓN */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    padding: 10px 0;
}

.pagination a, .pagination span {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #4b764c;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.pagination a:hover, .pagination .current {
    background-color: #4b764c;
    color: #fff;
    border-color: #333;
}

.pagination .current {
    font-weight: bold;
}


















/* Footer General */ /* Footer General */ /* Footer General */ /* Footer General */ /* Footer General */ /* Footer General */ /* Footer General */ /* Footer General */
.site-footer {
    background-color: #2b2b2b; /* Fondo oscuro */
    color: #fff; /* Texto blanco */
    font-size: 14px;
    padding: 43px 0; /* Espaciado general */
	
}

/* Sección de Logos */
.footer-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px; /* Espaciado entre logos */
    margin-bottom: 20px;
}

.footer-logos img {
    max-width: 120px; /* Tamaño máximo de los logos */
    height: auto; /* Mantiene la proporción */
}

/* Texto Informativo */
.footer-info {
    text-align: center;
    font-size: 12px;
    color: #f1f7ee; /* Gris claro */
    margin-bottom: 20px;
	font-family: "Poppins", serif;
  font-weight: 300;
  font-style: normal;
}

/* Sección Inferior */
.footer-bottom {
    text-align: center;
    font-size: 12px;
    color: #888; /* Gris más claro */
	font-family: "Poppins", serif;
  font-weight: 300;
  font-style: normal;
}

.footer-bottom a {
    color: #4b764c; /* Color dorado */
    text-decoration: none;
    margin: 0 5px; /* Espaciado entre enlaces */
}

.footer-bottom a:hover {
    text-decoration: underline; /* Subrayado al pasar el cursor */
}

/* Redes Sociales */
.footer-social {
    margin-top: 10px;
}

.footer-social a {
    margin: 0 10px; /* Espaciado entre iconos */
    display: inline-block;
}

.footer-social img {
    width: 24px; /* Tamaño de los iconos */
    height: 24px;
    transition: transform 0.3s ease; /* Animación al pasar el cursor */
}

.footer-social img:hover {
    transform: scale(1.2); /* Aumenta ligeramente el tamaño */
}




/* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH */
/* Página de búsqueda */
/* Contenedor del encabezado de búsqueda */
.search-header-container {
    max-width: 800px; /* Define el ancho máximo del contenedor */
    margin: 0 auto 30px auto; /* Centra el contenedor horizontalmente */
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Título del encabezado */
.search-header-title {
    font-size: 24px;
font-family: "Poppins", serif;
  font-weight: 600;
  font-style: normal;    color: #2b2b2b;
    margin: 0;
}

.search-header-title span {
    color: #4b764c; /* Color resaltado */
}



/* Contenedor principal */
.dual-layout-search {
    display: flex;
    gap: 20px;
    max-width: 1350px;
    margin: 40px auto;
    padding: 20px;
    --left-column-width: 90%; /* Ancho de la columna izquierda */
    --right-column-width: 10%; /* Ancho de la columna derecha */
}

/* Columna izquierda */
.left-search-column {
    flex-basis: var(--left-column-width); /* Usa la variable para controlar el ancho */
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
}

/* Columna derecha */
.right-search-column {
    flex-basis: var(--right-column-width); /* Usa la variable para controlar el ancho */
    padding: 20px;
    border-radius: 8px;
}

/* Línea divisora */
.vertical-divider {
    width: 5px;
    background-color: #4b764c;
    margin: 0 10px;
}

/* Rejilla de resultados */
.search-results-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columnas iguales */
    gap: 20px; /* Espaciado entre tarjetas */
}


@media (min-width: 768px) and (max-width: 1024px) {
.search-results-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 3 columnas iguales */
    gap: 20px; /* Espaciado entre tarjetas */
}}

/* Tarjeta de resultado */
.search-result-card {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
	max-height:500px;
}

.search-result-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Imagen destacada */
.search-result-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}


@media (min-width: 768px) and (max-width: 1024px) {
.search-result-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}}

/* Contenido */
.search-result-content {
    padding: 15px;
	margin-top:-10px;
}

.search-result-title a {
    font-size: 18px;
font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;    color: #2b2b2b;
    text-decoration: none;
    transition: color 0.3s ease;
}

@media (min-width: 768px) and (max-width: 1024px) {
.search-result-title a {
    font-size: 14px;
font-family: "Poppins", serif;
  font-weight: 500;
  font-style: normal;    color: #2b2b2b;
    text-decoration: none;
    transition: color 0.3s ease;
}}

.search-result-title a:hover {
    color: #4b764c;
}

.search-result-meta {
    font-size: 12px;
    color: #888;
    margin-bottom: 10px;
}

@media (min-width: 768px) and (max-width: 1024px) {
.search-result-meta {
    font-size: 9px;
    color: #888;
    margin-bottom: 10px;
}}

.search-result-excerpt {
    font-size: 14px;
	font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
    color: #2b2b2b;
}

@media (min-width: 768px) and (max-width: 1024px) {
.search-result-excerpt {
    font-size: 11px;
	font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
    color: #2b2b2b;
}}







/* Contenedor de la barra de progreso *//* Contenedor de la barra de progreso *//* Contenedor de la barra de progreso *//* Contenedor de la barra de progreso *//* Contenedor de la barra de progreso */

#reading-progress-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px; /* Altura de la barra */
    background-color: #f0f0f0; /* Color de fondo */
    z-index: 9999;
}

/* Barra de progreso */
#reading-progress-bar {
    width: 0%;
    height: 100%;
    background-color: #2b2b2b; /* Color de la barra */
    transition: width 0.1s ease-out; /* Transición suave */
}




















/* ADAPTACIÓN *//* ADAPTACIÓN *//* ADAPTACIÓN *//* ADAPTACIÓN *//* ADAPTACIÓN *//* ADAPTACIÓN */
 /* Ocultar el botón hamburguesa en pantallas grandes */
@media (min-width: 768px) {
    .menu-toggle {
        display: none !important; /* Asegura que el botón siempre esté oculto en pantallas grandes */
    }
}
@media (max-width: 767px) {
    /* Ajustar la columna izquierda para que ocupe todo el ancho */
    .column.left-column {
        width: 100%; /* Ocupa todo el ancho disponible */
        margin: 0 auto; /* Centra el contenido */
    }

    /* Eliminar la estructura de las columnas */
    .two-columns {
        display: block; /* Cambiar de grid o flex a bloque */
    }

@media (max-width: 767px) {
    /* Ocultar la segunda columna */
    .column.right-column {
        display: none;
    }
	
	@media (max-width: 767px) {
    /* Ocultar la línea divisora */
    .divider {
        display: none;
    }


		
		

		



/* =============================
Menú en dispositivos móviles
============================= */


/* === Adaptación del header para móviles === */

/* Estilos base */
.main-nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

/* Menú y botón hamburguesa: Ajustes para dispositivos móviles */
@media (max-width: 767px) {
    /* Reorganizar elementos en móvil */
    .main-nav-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column; /* Cambiar a columna */
        position: relative; /* Para el posicionamiento absoluto del menú */
    }

    /* Centrar el logo */
    .logo {
        margin-bottom: 10px; /* Espaciado inferior del logo */
    }

    /* Barra de búsqueda: ocupar el ancho completo */
    .search-form {
        width: 100%; /* Ancho completo */
        margin: 10px 0;
        max-width: none; /* Quitar el límite */
    }

    /* Botón hamburguesa */
    .menu-toggle {
        display: block;
        margin: 10px auto; /* Centrar horizontalmente el botón */
        align-self: center; /* Asegurarse de que esté centrado */
        z-index: 1000; /* Asegura que el botón esté siempre visible */
    }

    /* Ocultar menú inicialmente */
    .main-menu {
        display: none; /* Oculto por defecto */
        flex-direction: column; /* Organizar en filas */
        width: 100%; /* Ancho completo */
        position: relative; /* Menú debajo del botón */
        background: #fff; /* Fondo blanco */
        padding: 10px 0;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Sombra */
        z-index: 999; /* Asegura que esté encima de otros elementos */
    }

    /* Mostrar menú cuando está abierto */
    .main-menu.open {
        display: flex;
    }

    /* Estilos para los links en móvil */
    .main-menu .menu {
        display: flex;
        flex-direction: column; /* Organiza en filas */
        gap: 0; /* Sin espacio entre filas */
        padding: 0;
        margin: 0;
        list-style: none; /* Sin viñetas */
    }

    .main-menu .menu li {
        padding: 10px 0; /* Espaciado entre filas */
        text-align: center;
        width: 100%; /* Cada categoría ocupa todo el ancho */
        border-bottom: 1px solid #ddd; /* Línea divisoria entre filas */
    }

    .main-menu .menu li:last-child {
        border-bottom: none; /* Quitar línea divisoria del último elemento */
    }

    .main-menu .menu li a {
        font-size: 16px;
        color: #333;
        text-decoration: none;
    }

    /* Barra de búsqueda: bajar cuando el menú está abierto */
    .search-form {
        margin-top: 20px; /* Espaciado adicional debajo del menú */
        width: 100%; /* Ocupar el ancho completo */
    }
}

/* === Estilos para el botón de hamburguesa === */
.menu-toggle {
    display: none; /* Por defecto oculto en PC */
    background-color: transparent;
    border: none;
    font-size: 24px;
    color: #333; /* Color base del ícono */
    cursor: pointer;
    transition: color 0.3s ease, transform 0.3s ease;
}

/* Mostrar el botón en móviles */
@media (max-width: 767px) {
    .menu-toggle {
        display: block; /* Mostrar el botón */
        align-self: flex-end; /* Alinear al final */
    }

    /* Efecto hover en el botón */
    .menu-toggle:hover {
        color: #4b764c; /* Cambiar color al pasar el mouse */
        transform: scale(1.1); /* Aumentar tamaño ligeramente */
    }
}

/* Animación simple para el ícono de hamburguesa */
.menu-toggle i {
    font-size: 24px; /* Tamaño del ícono */
    transition: transform 0.3s ease;
}

/* Rotación opcional al hacer clic */
.menu-toggle.open i {
    transform: rotate(90deg); /* Girar el ícono al abrir el menú */
}



/* Sección de Últimas Noticias *//* Sección de Últimas Noticias *//* Sección de Últimas Noticias *//* Sección de Últimas Noticias *//* Sección de Últimas Noticias */
/* === ADAPTACIÓN PARA MÓVIL === *//* === ADAPTACIÓN PARA MÓVIL === *//* === ADAPTACIÓN PARA MÓVIL === *//* === ADAPTACIÓN PARA MÓVIL === *//* === ADAPTACIÓN PARA MÓVIL === */
@media (max-width: 767px) {
    .news-grid {
        display: flex;
        flex-direction: column; /* Apilar tarjetas verticalmente */
        gap: 20px; /* Espaciado entre tarjetas */
    }

    /* Estilos unificados para todas las noticias */
    .news-item {
        position: relative;
        height: auto; /* Altura automática según el contenido */
        max-height: 350px; /* Altura máxima para evitar tamaños desiguales */
        overflow: hidden; /* Asegura que no haya desbordamiento */
        display: flex;
        flex-direction: column; /* Asegura que el texto esté siempre debajo de la imagen */
    }

    /* Sobrescribe estilos de PC */
    .news-item.big,
    .news-item.small {
        grid-column: unset; /* Elimina estilos de PC */
        grid-row: unset;
        height: unset; /* Altura automática */
    }

    .news-item img {
        width: 100%;
        height: 350px; /* Mantener el tamaño original de las imágenes */
        object-fit: cover; /* Mantén la proporción */
    }

    /* Ajustes al título de la noticia */
    .news-item h3 {
        margin: 10px 15px; /* Espaciado interno */
        font-size: 16px; /* Tamaño de texto más grande para mejor legibilidad */
        color: #fff; /* Asegura buena visibilidad */
        z-index: 2; /* Asegura que esté encima del fondo translúcido */
        position: absolute; /* Colocación absoluta */
        bottom: 60px; /* Ajustado más arriba para ser visible */
        left: 15px; /* Alineado desde el borde izquierdo */
    }

    /* Eliminar subrayados y estilos de enlaces en los textos */
    .news-item h3 a {
        text-decoration: none; /* Elimina las líneas subrayadas */
        border: none; /* Elimina cualquier borde */
        outline: none; /* Elimina el contorno azul de enfoque */
    }

    .news-item h3 a:focus,
    .news-item h3 a:hover {
        text-decoration: none; /* Asegura que no se muestren decoraciones al pasar el ratón o enfocar */
        border: none;
        outline: none;
        color: #4b764c; /* Cambia al color deseado en hover */
    }

    /* Ajustes a la fecha */
    .news-item .post-date {
        margin: 0 15px; /* Alineado con el título */
        font-size: 12px; /* Tamaño más pequeño para diferenciar del título */
        color: #ddd; /* Color claro pero contrastante */
        z-index: 2;
        position: absolute; /* Colocación absoluta */
        bottom: 20px; /* Justo debajo del título */
        left: 15px; /* Alineado con el título */
    }

    .news-item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1; /* Asegura que esté detrás del texto */
    }
	
	
/* === Estilos de la sección de anuncios en móviles === *//* === Estilos de la sección de anuncios en móviles === *//* === Estilos de la sección de anuncios en móviles === */
@media (max-width: 767px) {
    .advertisement {
        margin: 20px auto; /* Reducimos el margen */
        padding: 15px; /* Ajustamos el padding */
        max-width: 80%; /* Ocupa el ancho de la pantalla */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Sombra ligera para distinguir la sección */
        border: 1px solid #ddd; /* Borde suave */
        border-radius: 8px; /* Bordes redondeados */
        background-color: #f9f9f9; /* Fondo ligeramente claro */
    }

    .advertisement h2 {
        font-size: 18px; /* Título más compacto */
        margin-bottom: 10px; /* Reducimos el margen inferior */
        color: #4b764c; /* Verde temático */
    }

    .advertisement .ad-banner {
        display: flex;
        flex-direction: column; /* Apilamos verticalmente */
        align-items: center;
    }

    .advertisement .ad-banner img {
        max-width: 100%; /* Imagen adaptada al ancho disponible */
        max-height: 250px; /* Altura máxima */
        object-fit: cover; /* Mantener proporciones */
        margin-bottom: 10px; /* Espaciado inferior */
        border-radius: 5px; /* Bordes ligeramente redondeados */
    }

    .advertisement .ad-banner p {
        font-size: 14px; /* Texto más pequeño */
        color: #333; /* Texto oscuro para contraste */
        margin: 5px 0 0; /* Menor espacio superior */
        text-align: center; /* Centrar el texto */
    }



/* NEWSCARDS*/ /* NEWSCARDS*//* NEWSCARDS*//* NEWSCARDS*//* NEWSCARDS*//* NEWSCARDS*//* NEWSCARDS*//* NEWSCARDS*//* NEWSCARDS*//* NEWSCARDS*//* NEWSCARDS*//* NEWSCARDS*//* NEWSCARDS*/
	@media (max-width: 767px) {
    /* Apilar las tarjetas en móvil */
    .news-cards {
        display: flex; /* Cambia el grid por flex para apilar verticalmente */
        flex-direction: column;
        gap: 20px; /* Mantiene el espacio entre las tarjetas */
        margin-top: 20px; /* Espaciado superior */
    }

    .news-card {
        width: 100%; /* Ocupa todo el ancho disponible */
        border-radius: 8px; /* Mantiene los bordes redondeados */
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    /* Imagen dentro de la tarjeta */
    .news-card-image img {
        width: 100%;
        height: 170px; /* Mantiene un tamaño uniforme */
        object-fit: cover; /* Asegura que la imagen no se deforme */
        border-radius: 8px 8px 0 0; /* Redondea las esquinas superiores */
        transition: transform 0.6s ease, filter 0.6s ease;
    }

    .news-card-image:hover img {
        transform: scale(1.1); /* Efecto de zoom */
        filter: brightness(50%); /* Oscurece la imagen */
    }

    /* Contenedor de los textos */
    .news-card-texts {
        padding: 10px;
        display: flex;
        flex-direction: column;
        gap: 5px; /* Espaciado entre textos */
    }

    /* Título de la noticia */
    .news-title {
        font-size: 16px; /* Ajusta el tamaño para móvil */
        margin: 0;
    }

    .news-title a {
        color: #333; /* Color inicial */
        text-decoration: none; /* Elimina subrayado */
    }

    .news-title a:hover {
        color: #4b764c; /* Color al pasar el mouse */
    }

    /* Meta información */
    .news-meta {
        font-size: 12px; /* Ajuste para móvil */
        color: #4b764c; /* Color verde */
    }

    /* Extracto de la noticia */
    .news-excerpt {
        font-size: 13px; /* Tamaño ajustado */
        color: #555; /* Color gris */
        text-align: left;
    }
		
		
		
		
/* UNIQUE NEWS*//* UNIQUE NEWS*//* UNIQUE NEWS*//* UNIQUE NEWS*//* UNIQUE NEWS*//* UNIQUE NEWS*//* UNIQUE NEWS*//* UNIQUE NEWS*//* UNIQUE NEWS*//* UNIQUE NEWS*//* UNIQUE NEWS*/
/* === ADAPTACIÓN PARA MÓVIL === */
@media (max-width: 767px) {
    /* Contenedor principal */
    .category-news-container {
        margin-top: 20px;
        padding: 0 0px; /* Añadir un poco de padding lateral */
    }

    /* Ajustar el diseño del contenedor principal */
    .dual-column-container {
        display: flex;
        flex-direction: column; /* Apilar verticalmente */
        gap: 20px; /* Espaciado entre secciones */
    }

    /* Columnas individuales */
    .unique-category-column {
        width: 100%; /* Ocupa todo el ancho */
        gap: 20px; /* Espaciado entre noticias */
    }

    /* Filas de noticias */
    .unique-news-row {
        flex-direction: column; /* Cambiar a diseño vertical */
        height: auto; /* Altura automática */
    }

    /* Imagen de la noticia */
    .unique-news-image {
        width: 100%; /* Ocupa todo el ancho */
        height: 200px; /* Ajustar la altura de las imágenes */
        border-radius: 8px; /* Mantener bordes redondeados */
    }

    .unique-news-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Ajusta la imagen sin deformarla */
    }

    /* Contenedor de textos */
    .unique-news-texts {
        padding: 10px 0; /* Reducir padding */
        text-align: center; /* Centrar los textos */
    }

    /* Título */
    .unique-news-title {
        font-size: 16px; /* Reducir tamaño */
        margin-bottom: 5px; /* Espaciado inferior */
    }

    .unique-news-title a {
        text-decoration: none; /* Eliminar subrayado */
        color: #333; /* Color inicial */
    }

    .unique-news-title a:hover {
        color: #4b764c; /* Color en hover */
    }

    /* Meta información */
    .unique-news-meta {
        font-size: 12px; /* Reducir tamaño */
        color: #777; /* Color más claro */
    }

    /* Espaciado entre secciones */
    .unique-news-rows {
        gap: 20px; /* Espaciado entre noticias */
    }
	
	
	
/* LAST */ /* LAST */ /* LAST */ /* LAST */ /* LAST */
/* === ADAPTACIÓN PARA MÓVIL === */
@media (max-width: 767px) {
    .full-container-last {
        max-width: 100%; /* Asegura que el contenedor no se desborde */
        padding: 0 15px; /* Añade espacio lateral en dispositivos móviles */
        margin: 0 auto; /* Centra el contenido */
        box-sizing: border-box; /* Asegura que el padding no sume al ancho total */
    }

    .last-news-grid {
        display: flex;
        flex-direction: column; /* Apilar tarjetas verticalmente */
        gap: 20px; /* Espaciado entre tarjetas */
        width: 100%; /* Asegurar que ocupa todo el contenedor */
        align-items: center; /* Centrar las tarjetas */
    }

    .last-news-card {
        width: 90%; /* Tarjetas ocupan el 90% del contenedor */
        max-width: 350px; /* Máximo ancho para mantener uniformidad */
        margin: 0 auto; /* Centrar cada tarjeta */
        box-sizing: border-box; /* Ajusta el ancho incluyendo padding y borde */
    }

    .last-news-image {
        width: 100%; /* Ajustar al ancho del contenedor */
        height: 200px; /* Altura fija para las imágenes */
        overflow: hidden; /* Evitar desbordes */
    }

    .last-news-image img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Mantener proporciones */
    }

    .last-news-texts {
        padding: 10px; /* Ajustar padding interno */
    }

    .last-news-title {
        font-size: 16px; /* Ajustar tamaño del texto */
        line-height: 1.4; /* Mejorar legibilidad */
    }

    .last-news-meta {
        font-size: 12px; /* Ajustar tamaño del meta texto */
        color: #666;
    }
}


	
	
	
	
	
	    /* SINGLE ADAPTADO */	    /* SINGLE ADAPTADO */	    /* SINGLE ADAPTADO */	    /* SINGLE ADAPTADO */	    /* SINGLE ADAPTADO */	    /* SINGLE ADAPTADO */

	/* === Adaptación para pantallas móviles === */
@media (max-width: 767px) {
    /* Layout principal */
    .dual-columns-layout {
        display: flex;
        flex-direction: column; /* Apilar verticalmente */
        gap: 20px; /* Espaciado entre las secciones */
        padding: 0 15px; /* Espaciado lateral para móviles */
        margin: 0 auto; /* Centrar el contenedor */
        box-sizing: border-box; /* Incluye padding dentro del ancho */
        width: 100%; /* Asegura que no desborde */
        max-width: 100%; /* Evita desbordes adicionales */
    }

    /* Columna principal */
     .primary-content {
        width: 100%; /* Ocupa todo el ancho disponible */
        padding: 15px; /* Ajustar padding interno */
        margin: 0 auto; /* Centrar el contenido */
        box-sizing: border-box; /* Evita desbordes */
    }

    /* Ocultar columna derecha */
    .secondary-content {
        display: none; /* Ocultar en móviles */
    }

    /* Título del artículo */
    .article-title {
        font-size: 20px; /* Ajustar tamaño */
        text-align: left; /* Centrar el título */
        margin-bottom: 10px;
    }

    /* Meta información */
    .article-meta {
        font-size: 12px;
        text-align: left; /* Centrar meta información */
        margin-bottom: 20px;
    }

    /* Contenido del artículo */
    .article-content {
        font-size: 14px;
        line-height: 1.6;
    }

    /* Imagen destacada */
     .featured-image-container img {
        width: 100%; /* Ajustar al ancho completo */
        max-width: 100%; /* Evita que desborde */
        height: auto; /* Mantener proporción */
        display: block;
        margin: 0 auto; /* Centrar imagen */
        border-radius: 8px;
    }
   @media (max-width: 767px) {
    /* Videos e iframes */
    .article-content video.vertical,
	.article-content iframe.vertical {
    aspect-ratio: 16/ 9; /* Vertical */
    width: 100%; /* Reduce el ancho para que no sea tan grande */
    max-height: 600px; /* Limita la altura máxima */
    margin: 0 auto; /* Centrar el video */
    display: block; /* Asegura que se comporte como bloque */
    border-radius: 8px;
}
    }

	
	
   @media (max-width: 767px) {
    /* Navegación entre posts */
    .post-navigation-container {
        margin-top: 30px;
        padding: 0 15px; /* Espaciado lateral */
        box-sizing: border-box; /* Evitar desbordes */
        width: 100%;
    }

    /* Wrapper de navegación */
    .navigation-wrapper {
        display: flex;
        flex-direction: column; /* Apilar Previous y Next */
        gap: 20px; /* Espaciado entre elementos */
    }

    /* Contenedor de Previous y Next */
    .post-container {
        display: flex;
        flex-direction: column; /* Apilar imagen y texto */
        align-items: center; /* Centrar contenido */
        gap: 10px; /* Espaciado entre imagen y texto */
        padding: 15px; /* Ajustar padding interno */
        background-color: #fff; /* Fondo blanco */
        border-radius: 8px; /* Bordes redondeados */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra ligera */
        text-align: center; /* Centrar textos */
        width: 100%;
    }

    /* Imagen del post */
     .post-image img {
        max-width: 80px; /* Tamaño máximo para imágenes */
        max-height: 100px; /* Mantener proporción */
        border-radius: 8px; /* Bordes redondeados */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Sombra ligera */
    }

    /* Texto del título */
    .post-title {
        text-align: left; /* Centrar texto */
    }

    .post-title span {
        font-size: 8px; /* Tamaño más pequeño para texto adicional */
        color: #666; /* Color tenue */
        font-weight: 500; /* Ligero énfasis */
        font-family: "Poppins", serif;
    }

    .post-title h3 {
        font-size: 10px; /* Ajustar tamaño del título */
        font-weight: bold; /* Resaltar título */
        color: #2b2b2b; /* Color principal */
        margin: 5px 0; /* Espaciado inferior */
        font-family: "Poppins", serif;
    }

    /* Hover en el título */
     .post-container:hover {
        background-color: #f9f9f9; /* Fondo más claro al hacer hover */
        transform: scale(1.02); /* Ligeramente más grande */
        transition: all 0.3s ease; /* Transición suave */
    }

	
	

    /* Noticias relacionadas */
    /* Noticias relacionadas */
	@media (max-width: 767px) {
	.related-news-section {
        margin-top: 30px;
        padding: 0 15px; /* Espaciado lateral */
        box-sizing: border-box; /* Asegura que no desborde */
        width: 100%;
        max-width: 100%; /* Evitar desbordes */
    }

    .related-news-cards {
         display: flex;
        flex-direction: column; /* Apilar tarjetas */
        gap: 20px; /* Espaciado entre tarjetas */
        width: 100%;
        margin: 0 auto; /* Centrar contenedor */
    }

    .news-card {
        display: flex;
        flex-direction: column; /* Imagen arriba, texto abajo */
        gap: 10px; /* Espaciado entre imagen y texto */
        padding: 15px; /* Espaciado interno */
        border-radius: 8px; /* Bordes redondeados */
        background-color: #fff; /* Fondo blanco */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra */
        width: 100%; /* Asegura que ocupe el ancho disponible */
        max-width: 100%; /* Evita desbordes */
        box-sizing: border-box;
    }

    .news-card-image img {
        width: 100%; /* Ancho completo de la tarjeta */
        max-height: 300px; /* Ajustar altura automáticamente */
        border-radius: 8px; /* Bordes redondeados */
        display: block; /* Asegura que no genere espacio adicional */
    }

    .news-card-texts {
        text-align: left; /* Alinear el texto a la izquierda */
        width: 100%; /* Evita desbordes en textos */
    }

    .news-card-texts h3 {
        font-size: 14px; /* Tamaño del título */
        font-weight: 700; /* Negrita */
        margin: 0 0 10px 0; /* Espaciado inferior */
        line-height: 1.4; /* Mejorar la legibilidad */
        color: #333; /* Color del título */
        font-family: "Poppins", serif;
    }

    .news-card-texts p {
        font-size: 10px; /* Tamaño del texto */
        line-height: 1.5; /* Mejorar la legibilidad */
        color: #666; /* Color del texto */
        margin: 0; /* Eliminar márgenes adicionales */
        font-family: "Poppins", serif;
    }

    .news-card-texts .news-meta {
        font-size: 8px; /* Tamaño más pequeño para la meta info */
        color: #999; /* Color tenue */
        margin-top: 10px; /* Espaciado superior */
        display: block;
    }
		
		
		
/* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH *//* SEARCH */

		@media (max-width: 767px) {
    /* Encabezado de búsqueda */
    .search-header-container {
        padding: 15px; /* Reducir el padding */
        text-align: center; /* Centrar el texto */
        margin: 0 10px 20px; /* Margen ajustado para móvil */
    }

    .search-header-title {
        font-size: 20px; /* Reducir tamaño del título */
    }

    .search-header-title span {
        color: #4b764c; /* Mantener el color resaltado */
    }

    /* Contenedor principal */
    .dual-layout-search {
        flex-direction: column; /* Apilar todo verticalmente */
        padding: 0 10px; /* Espaciado lateral */
        gap: 20px; /* Espaciado entre elementos */
    }

    /* Ocultar columna derecha */
    .right-search-column {
        display: none; /* Ocultar en dispositivos móviles */
    }

    /* Columna izquierda */
    .left-search-column {
        width: 100%; /* Ocupa todo el ancho disponible */
        padding: 0; /* Sin padding adicional */
    }

    /* Rejilla de resultados */
    .search-results-grid {
        display: flex;
        flex-direction: column; /* Apilar tarjetas verticalmente */
        gap: 15px; /* Espaciado entre tarjetas */
        width: 100%; /* Ocupa todo el ancho */
    }

    /* Tarjeta de resultado */
    .search-result-card {
        display: flex;
        flex-direction: column; /* Imagen arriba, texto abajo */
        background-color: #fff;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        padding: 15px; /* Espaciado interno */
    }

    .search-result-image img {
        width: 100%; /* Imagen ocupa el ancho completo */
        max-height: 400px; /* Mantener proporción */
        border-radius: 8px;
    }

    /* Contenido de la tarjeta */
    .search-result-content {
        margin-top: 10px; /* Espaciado entre imagen y texto */
    }

    .search-result-title a {
        font-size: 16px; /* Tamaño ajustado */
        font-weight: bold;
        color: #2b2b2b;
    }

    .search-result-meta {
        font-size: 10px; /* Ajustar tamaño */
        color: #888; /* Color tenue */
    }

    .search-result-excerpt {
        font-size: 14px; /* Tamaño ajustado */
        color: #2b2b2b;
    }

    /* Sin resultados */
    .no-results {
        text-align: center; /* Centrar el mensaje */
        padding: 20px;
        font-size: 16px; /* Ajustar tamaño */
		font-family: "Poppins", serif;
  		font-weight: 400;
  		font-style: normal;
        color: #888;
    }	
		

			
			
			
/* Vista para dispositivos con un ancho máximo de 768px (tablets y móviles) */
@media (max-width: 768px) {
    /* Cambiar el diseño de dual-layout */
    .dual-layout {
        flex-direction: column; /* Las columnas se apilan */
        gap: 10px; /* Reducir el espacio entre secciones */
        padding: 10px; /* Espaciado interno reducido */
    }

    /* Ajustar el ancho de las columnas */
    .main-column,
    .sidebar-column {
        flex-basis: 100%; /* Ambas columnas ocupan el 100% del ancho */
        max-width: 100%; /* Sin límite de ancho */
    }

    /* Ocultar la línea divisora en móvil */
    .vertical-line {
        display: none;
    }

    /* Rejilla de noticias: una sola columna */
    .custom-news-grid {
        grid-template-columns: 1fr; /* Una sola columna */
        gap: 15px; /* Espacio entre tarjetas */
    }

    /* Ajustar las tarjetas de noticias */
    .custom-news-card {
        min-width: 100%; /* Ocupan todo el ancho */
        max-width: 100%; /* Sin límite */
    }

    /* Imagen destacada */
    .custom-news-card img {
        height: auto; /* Ajuste automático de altura */
        min-height: 190px; /* Altura mínima */
		max-height: 200px; /* Altura mínima */
    }

    /* Espaciado interno del contenido */
    .custom-news-content {
        padding: 10px; /* Menor padding en móvil */
    }

    /* Títulos */
    .custom-news-title a {
        font-size: 16px; /* Tamaño más pequeño */
    }

    /* Texto meta */
    .custom-news-meta {
        font-size: 14px;
    }

    /* Encabezado de categoría */
    .category-header-container {
        padding: 15px; /* Menor padding */
        margin: 0 0 15px 0; /* Reducir márgenes */
    }

    .category-title {
        font-size: 20px; /* Tamaño ajustado */
    }

    /* Sidebar */
    .sidebar-column {
        margin-top: 20px; /* Añadir espacio superior */
    }

    .category-table {
        font-size: 14px; /* Ajustar tamaño del texto */
    }
	
	
	
}