@charset "UTF-8";



.caja_info_sesion {
    width: 100%;
    /* height: 14em;  ❌ eliminar */
	min-height: 14em;      /* ✅ permite crecer */
    /*background: #82b74b;*/
    padding: 0.2em 0.5em;
    text-align: left;
    margin: 0 auto;

    display: flex;
    flex-direction: row;
    align-items: stretch;  /* ✅ clave */
    box-sizing: border-box;
}


/**********************************************/

.caja_info_sala {
/*    background: #6F8211;*/
    width: 15%;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}


.info_sala_texto {
    font-family: 'Ruluko', 'Rubik', sans-serif;
    font-size: 2.0em;
    text-align: center;
    background: none;
    border: none;
    width: 100%;
    margin: 0;
}



.info_sala_numero {
    font-family: 'Rubik', sans-serif;
    font-size: 6.4em;
    text-align: center;
    background: none;
    border: none;
    width: 100%;
    margin: 0;
/*    float: none; *//* importante: eliminar float */
}

/***********************************************************/

.caja_poster {

	/*background:#000000;	*/
    width: 20%;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}




.poster_copia_info_sesion {
    width: 7.6em;
    height: 10.6em;
    display: block;
    margin: 0 auto;      /* centra horizontalmente */
    box-sizing: border-box;
}


/**************************************************************/


.caja_info_sesion_texto {
/*	background:#FF9620  ;*/	
    width: 65%;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}



.titulo_infosesion{

					font-family: 'Karla', 'Rubik', sans-serif;
					font-size: 1.8em;
				/*	color:#200122 ;*/
					background:none;
			/*		background:#AF7AC5   ;*/
					border:none;
					float:left;
					margin: 1em 0em 0.5em 0em;
				  	outline: none;
				  	line-height: 1.0em;
				  	width: 80%;







}

.infosesion_fecha{
					font-family: 'Karla', 'Rubik', sans-serif;
			/*		font-weight:bold; */
					font-size: 1.3em;
					/*color:#200122 ;*/
					background:none;
				/*	background:#AF7AC5;*/
					border:none;
				/*	width:21em;*/

					float:left;
					margin: 0.6em 1em 0em 2em;
					/*border:0;*/
				  	outline: none;
					width: 42%;

}


.infosesion_homi{
					font-family: 'Karla', 'Rubik', sans-serif;
				/*	font-weight:bold;*/
					font-size: 1.3em;
					/*color:#200122 ;*/
					background:none;
				/*	background:#AF7AC5;*/
					border:none;
					float:left;
					margin: 0.6em 0em 0em 0em;
					/*border:0;*/
				  	outline: none;
					width: 18%;

}



.infosesion_numerada{
					font-family: 'Karla', 'Rubik', sans-serif;
			/*		font-weight:bold;*/
					font-size: 1.3em;
					/*color:#200122 ;*/
					background:none;
				/*	background:#AF7AC5;*/
					border:none;
					width:18em;	
					float:left;
					margin: 0.5em 0em 0.5em 2em;
					/*border:0;*/
				  	outline: none;
					width: 54%;

}












/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/

@media only screen and (max-width: 1000px) {

				.caja_info_sesion {
											min-height: 20em;      
				}


				.info_sala_texto {
    										font-size: 2.8em;
				}

				.info_sala_numero{
											font-size: 6.6em;	
				}


				.poster_copia_info_sesion {
										    width: 8.2em;
										    height: 12.2em;
				}


				.titulo_infosesion{
											font-size: 1.8em;
											width: 90%;
				}

				.infosesion_fecha{
											font-size: 1.5em;
				}

				.infosesion_homi{
											font-size: 1.6em;
				}

				.infosesion_numerada{
											font-size: 1.8em;
				}


}