.flag{
	display: inline-block;
	width: 5rem;
	height: 5rem;
	background-size: cover;
	vertical-align: middle;

}

.flag-xl{
	display: inline-block;
	width: 300px;
	height: 200px;
	background-size: cover;
} 

.flag-icon {
    transition: transform 0.3s; /* Suaviza la transición */
    border: 0.5px solid #5d584e;
    border-radius: 50px;
    overflow: hidden;
}

.flag-icon:hover {
    transform: scale(1.2); /* Aumenta el tamaño al 120% */
}

.tierra{
	display: inline-block;
	width: 60px;
	height: 50px;
	background-size: cover;
	
}

.mundo{
	background-image: url("/javax.faces.resource/img/flags/mundo.png.xhtml");
}
.flag-mx{
	background-image: url("/javax.faces.resource/img/flags/mx-circle.png.xhtml");
}
.flag-eu{
	background-image: url("/javax.faces.resource/img/flags/eu-circle.png.xhtml");
}
.flag-es{
	background-image: url("/javax.faces.resource/img/flags/es-circle.png.xhtml");
}
.flag-col{
	background-image: url("/javax.faces.resource/img/flags/col-circle.png.xhtml");
}
.flag-bra{
	background-image: url("/javax.faces.resource/img/flags/bra-circle.png.xhtml");
}
.flag-ale{
	background-image: url("/javax.faces.resource/img/flags/ale-circle.png.xhtml");
}
.flag-ca{
	background-image: url("/javax.faces.resource/img/flags/ca-circle.png.xhtml");
}
.flag-ar{
	background-image: url("/javax.faces.resource/img/flags/ar-circle.png.xhtml");
}
.flag-pe{
	background-image: url("/javax.faces.resource/img/flags/pe-circle.png.xhtml");
}
.flag-ho{
	background-image: url("/javax.faces.resource/img/flags/ho-circle.png.xhtml");
}
.icon_personal{
	background-image: url("/javax.faces.resource/img/flags/consultante.png.xhtml");
}
.icon_externo{
	background-image: url("/javax.faces.resource/img/flags/la-red.png.xhtml");
}
.icon_estudiante{
	background-image: url("/javax.faces.resource/img/flags/alumno.png.xhtml");
}
.icon_pago_exitoso{
	background-image: url("/javax.faces.resource/img/flags/payment-check.png.xhtml");
}
.icon_pago_error{
	background-image: url("/javax.faces.resource/img/flags/warning-sign.png.xhtml");
}
.icon_cerrar_sesion{
	background-image: url("/javax.faces.resource/img/flags/cerrar-sesion.png.xhtml");
}
.icon_incion_sesion{
	background-image: url("/javax.faces.resource/img/flags/boton-de-inicio.png.xhtml");
}
.icon_pago_congreso{
	background-image: url("/javax.faces.resource/img/flags/dinero.png.xhtml");
}
.icon_opciones_sesion{
	background-image: url("/javax.faces.resource/img/flags/opcion-de-lista.png.xhtml");
}
.icon_usuario_sesion{
	background-image: url("/javax.faces.resource/img/flags/usuario.png.xhtml");
}
.icon_mapa{
	background-image: url("/javax.faces.resource/img/flags/mapa.png.xhtml");
}

.icon-xl{
	display: inline-block;
	width: 100px;
	height: 100px;
	background-size: cover;
} 
.icon-sm{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-size: cover;
	
} 
.icon-sm_2{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: cover;
	margin-left: 8px;
	vertical-align: middle;
}
.icon-sm-nav{
	display: inline-block; /*Esto es lo correcto */
	width: 30px;
	height: 30px;
	background-size: cover;
	margin-right: 8px; /* Espacio entre ícono y texto */
	vertical-align: middle;
}
.pdf-xl{
	display: inline-block;
	width: 160px;
	height: 160px;
	background-size: cover;
} 

.pdf-icon {
    transition: transform 0.3s; /* Suaviza la transición */
    
   /* border-radius: 50px;*/
    /*overflow: hidden;*/
}

.pdf-icon:hover {
    transform: scale(1.2); /* Aumenta el tamaño al 120% */
}

.pdf{
	background-image: url("/javax.faces.resource/img/pdf.png.xhtml");
}
.face_icon{
	background-image: url("/javax.faces.resource/img/flags/facebook.png.xhtml");
}
.youtube_icon{
	background-image: url("/javax.faces.resource/img/flags/youtube.png.xhtml");
}
.x_icon{
	background-image: url("/javax.faces.resource/img/flags/x.png.xhtml");
}
.insta_icon{
	background-image: url("/javax.faces.resource/img/flags/insta.png.xhtml");
}
.carpeta_icon{
	background-image: url("/javax.faces.resource/img/carpeta.png.xhtml");
}

.cartel_icon{
	background-image: url("https://ciir.inr.gob.mx/videos/imagen/2025/img/CARTEL.webp");
}
.convocatoria_icon{
	background-image: url("https://ciir.inr.gob.mx/videos/imagen/2025/img/2.png");
}

.pro_simpli_icon{
	background-image: url("https://ciir.inr.gob.mx/videos/imagen/2025/img/programa_i.png");
}

.icon-sm{
	display: inline-block;
	width: 50px;
	height: 50px;
	background-size: cover;
}