@charset "ISO-8859-1";

.btn-busqueda-avanzada {
    color: #FFFFFF;
    background-color: #BC955C;
    border-radius: 1.5rem;
    z-index: 10;
}

.icon-input-buscador {
    background-image: url(../images/icono-buscador.png);
    /*background-image: url("/wps/PA_CrsoPremioEconomia/images/icono-buscador.png""); */
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: 25px;
}

.linea-prensa {position: relative; top: -25px;}/*CAMBIO DE COLORES 4T 2024*/
.linea-prensa div::before{
	content: "";
	border-top: 1px solid #6F7271;
	position: absolute;
	left: 0;
	width: 38%;
	z-index: 0;
}
.linea-prensa div::after{
	content: "";
	border-top: 1px solid #6F7271;
	position: absolute;
	right: 0;
	width: 38%;
	z-index: 0;
}

@media (max-width: 1200px){
	.linea-prensa div::before{
		content: "";
		border-top: 1px solid #6F7271;
		position: absolute;
		left: 0;
		width: 35%;
		z-index: 0;
	}
	.linea-prensa div::after{
		content: "";
		border-top: 1px solid #6F7271;
		position: absolute;
		right: 0;
		width: 35%;
		z-index: 0;
	}
}
@media (max-width: 1023px){
	.linea-prensa div::before{
		content: "";
		border-top: 1px solid #6F7271;
		position: absolute;
		left: 0;
		width: 30%;
		z-index: 0;
	}
	.linea-prensa div::after{
		content: "";
		border-top: 1px solid #6F7271;
		position: absolute;
		right: 0;
		width: 30%;
		z-index: 0;
	}
}
@media (max-width: 767px){
	.linea-prensa div::before{
		content: "";
		border-top: 1px solid #6F7271;
		position: absolute;
		left: 0;
		width: 9%;
		z-index: 0;
	}
	.linea-prensa div::after{
		content: "";
		border-top: 1px solid #6F7271;
		position: absolute;
		right: 0;
		width: 9%;
		z-index: 0;
	}
}

.etiqueta-comunicado{
	margin-bottom: 20px;
	
	/* Fondo */
    background-color: #E6E6E6; /* Un gris claro similar al de la imagen */
    
    /* Borde redondeado */
    border-radius: 20px; /* Ajusta este valor para obtener más o menos redondez */
    border: none; /* Eliminar el borde por defecto del botón */
    
    /* Sombra (opcional, si deseas un ligero efecto 3D) */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); /* Ligera sombra para darle profundidad */
    
    /* Texto */
    color: #333333; /* Color de texto oscuro, similar al de la imagen */
    font-family: "Montserrat-Regular"; /* O la fuente que prefieras */
    font-size: 16px; /* Tamaño de fuente */
    font-weight: normal; /* Grosor de la fuente */
    
    /* Espaciado interno (padding) */
    padding: 6px 15px; /* Ajusta el espaciado vertical y horizontal */
    margin-bottom: 1.5rem;
    /* Otros */
    cursor: pointer; /* Para indicar que es un elemento interactivo */
    display: inline-block; /* Asegura que el padding funcione correctamente */
    text-align: center; /* Centra el texto */
    text-decoration: none; /* Elimina cualquier subrayado si fuera un enlace */
    outline: none; /* Elimina el contorno al hacer clic en algunos navegadores */
	
}

.ima-zoom-hover{
	width: 100%;
	height: 240px;
	overflow: hidden;
	position: relative;
}
.ima-zoom-hover img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s all ease-in-out;
}

/* ==========================================================
   Estilos carrusel responsivo #mobileCarousel
   ========================================================== */

#mobileCarousel .carousel-item .card {
	margin: 0 auto;
    max-width: 90%;
    transition: transform 0.3s ease;
}

/* Botones prev/next estilizados */
#mobileCarousel .carousel-control-prev-icon,
#mobileCarousel .carousel-control-next-icon {
    background-color: rgba(0,0,0,0.3);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.6);
	background-size: 60%;
}

#mobileCarousel .carousel-control-prev:hover .carousel-control-prev-icon,
#mobileCarousel .carousel-control-next:hover .carousel-control-next-icon {
    background-color: rgba(0,0,0,0.5);
}

@media (max-width: 767px) {
	#mobileCarousel .carousel-indicators{bottom: -50px;}
}

/* Indicadores del carrusel */
#mobileCarousel .carousel-indicators li {
    background-color: rgba(0,0,0,0.5);
}

#mobileCarousel .carousel-indicators .active {
    background-color: rgba(0,0,0,0.9);
}

/* Centrar cards si hay pocas en la fila */
#gridCards.row.d-md-flex {
	justify-content: center;
	
}
  
#gridCards > [class^="col"]{
	padding-top: 1rem;  /* py-4 equivale a 1.5rem */
    padding-bottom: 1rem;
}
/* Terminan estilos componente carrusel responsivo #mobileCarousel */