@charset "utf-8";
/* CSS DE IMG Y TXT EN PORTADA DE AREA PRIVADA Y BAUL */
/*-----------------------------------------------------------------------------------*/
/*------------------// CAJA DE IMAGENES AREA PRIVADA, BAUL Y TEXTO //----------------*/
.cajon-de-imgytxt{float: left;height: auto;width: 100%;/*background-color: #666;*/}
/*-----------------------------------------------------------------------------------*/

/*----------------------------// IMAGEN EN EL CAJON //-------------------------------*/
.caja-de-imagen1 {
display: flex;align-items:center;justify-content:center;float:left;/*background-color: #CC6;*/width: 40%;}
.caja-de-imagen1>img {max-width: 100%;border: 0px solid #666;}
.caja-de-imagenBaul2>img {max-width: 100%;border: 0px solid #666;}

/*--------------------------// TEXTO EN AREA PRIVADA //------------------------------*/
.caja-de-imagen1>p {max-width: 95%;color: #CCC;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1em;text-align: justify;margin-top: 8%;}
/*-----------------------------------------------------------------------------------*/

/*----------------------------// TEXTO DEL BAUL //-----------------------------------*/
.caja-de-texto {
display:flex;align-items:center;justify-content:center;float: left;/*background-color: #CC2;*/width: 60%;}
.caja-de-texto>p {max-width: 95%;color: #CCC;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	font-size: 1em;text-align: justify;margin-top: 8%;}
/*-----------------------------------------------------------------------------------*/

@media only screen and (max-width: 360px) {
.caja-de-imagen1{min-width: 100%;}
.caja-de-imagen1> img{max-width: 60%;}

.caja-de-texto{min-width: 100%;font-size: 0.85em;}
}

@media only screen and (max-width: 640px) {
.caja-de-imagen1{width: 32%;}
.caja-de-imagen1> img{max-width: 85%;}
.caja-de-texto{width: 68%;font-size: 0.9em;}
}

@media only screen and (max-width: 1024px) {
.caja-de-imagen1{width: 31%;}
.caja-de-texto{width: 68%;font-size: 0.9em;}
}