.res_bloque_estatico{
	width: 100%;
	height: 20vh;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.res_blost_centrado{
	width: 75%;
	height: 100%;
	margin-top: 4rem;
}
.seccion_res_titulo{
	width: 100%;
	height: 40%;
}
.sec_res_titulo_det{
	font-size:2.60rem;
    font-family:roboto;
	font-weight:700;
	color: #0A3D62;
}
.seccion_res_intro{
	width: 100%;
	height: 60%;	
	margin-top: 0.7rem;
}
.sec_res_intro_det{
	font-size: 1.6rem;
	color: #1E6FA3;
}
.box_res{
    margin-top: 3rem;
}
.frame_res{
    width: 85%;
    height: 23vh;
    display: flex;
    flex-direction: row;
	margin-left: 2.8rem;
}
.frame_res_cont{
    width: 75%;
    height: 90%;
    display: flex;
    flex-direction: row;
    background-color: #ffffff;
    margin: 0 auto;
    border-radius: 20px;
	border: 1px solid #e0e0e0;   
  	border-radius: 10px;          
  	padding: 16px;              
  	background-color: #fff;      
  	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); 	
}
.link_gen{
    width: 100%;
}
.res_img{
    position: relative;
    margin-top: 1rem;
    width: 25%;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.res_img_estilo{
    position: relative;
    width: 60%;
    height: 15vh;
    margin-left: 4rem;
}
.res_text{
    margin-top: 0.2rem;
    width: 85%;
}
.res_text_rest{
    width: 85%;
    text-align: justify;
}
.titulo_res{
    font-size: 2.20rem;
    font-family: roboto;
    color: #0A3D62;
}
.info_res{
    font-size: 1rem;
    margin-top: 0.2rem !important;
	margin-left:0.3rem !important;
}
.info_res_formato{
    font-size: 1.1rem;
    font-family: roboto;
    font-weight: 600;
    color: #145A86;
}
.bloque_ver_mas{
	width:100%;
	display:flex;
	flex-direction:row;
}
.to_pdf{
	width:70%;
}
.res_text_cont{
    margin-top: 2.0rem;
    width: 80%;
    font-size: 1.1rem;
    font-family: roboto;
    color: #B71C1C;
	margin-left: 0.2rem;
}
.contenedor_boton_res{
	width:30%;
}
.btn_bloque_movil_res{
	width: 80%;
	height: 6vh;
	margin-top:2rem;
}
.btn_res_estilo{
	width:65%;
    background-color: #B71C1C;
    padding: 14px 28px;
    font-size: 16px;
	font-weight:600;
	font-family:roboto;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-right:1rem;
	color: #FFFFFF !important;
}

select.filtro-encuesta {
	appearance: none;         
  	-webkit-appearance: none; 
  	-moz-appearance: none; 
  	padding: 6px 12px;
  	border-radius: 8px;
  	border: 1px solid #ccc;
  	font-size: 14px;
  	background: #f9f9f9;
  	cursor: pointer;
}

select.filtro-encuesta:hover {
  border-color: #007bff;
}
.chart-with-filter {
  margin-bottom: 2.2rem;
}

.filter-with-chart {
  margin-bottom: 0.4rem;
}