/*
	CSS personalizado para 06 LIFE
*/

/**************************************** GAMA DE COLORES ****************************************/

/*      Azul Oscuro: 0087CB rgb(  0,135,203) */
/*             Gris: 999999 rgb(153,153,153) */
/*       Azul Medio: 7FC3E5 rgb(127,195,229) */
/*       Azul Claro: BFE1F2 rgb(191,225,242) */
/*   Azul Muy Claro: DFF0F8 rgb(223,240,248) */

/*     Verde Oscuro: 56AF31 rgb( 86,175, 49) */
/*      Verde Medio: AAD798 rgb(170,215,152) */
/*      Verde Claro: D4EBCB rgb(212,235,203) */
/*  Verde Muy Claro: E9F5E5 rgb(233,245,229) */

/*   Naranja Oscuro: EF7D29 rgb(239,125, 41) */
/*    Naranja Medio: F7BE94 rgb(247,190,148) */
/*    Naranja Claro: FBDEC9 rgb(251,222,201) */
/*Naranja Muy Claro: FDEEE4 rgb(253,238,228) */

/************************************ MODIFICADOS DE syle-home ***********************************/

/****************************************** #rowCabecera *****************************************/

#rowCabecera .divCabecera { background-image: url("/wp-content/uploads/header_life.jpg"); }

/******************************************** #rowLife *******************************************/

#rowLife .divLife     { display: flex; justify-content: space-between; }
#rowLife .divLife *   { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowLife .divLogo     { width: 40%; line-height: 0px; }
#rowLife .divTexto    { width: calc(60% - 40px); }
#rowLife .divTexto h1 { font-weight: 600; }
#rowLife .divTexto p  { margin: 10px 0px; text-align: justify; }

@media (max-width: 1180px) { #rowLife .divLife { padding: 0px 20px; } }

@media (max-width:  980px) {
	#rowLife .divLogo  { width: 35%; }
	#rowLife .divTexto { width: calc(65% - 40px); }
}

@media (max-width:  780px) {
	#rowLife .divLife     { display: block; }
	#rowLife .divLogo     { float: left; margin: 0px 20px 20px 0px; width: 200px; }
	#rowLife .divTexto    { width: auto; }
	#rowLife .divTexto h1 { font-size: 24px; }
	#rowLife .divTexto p  { font-size: 14px; }
}

@media (max-width:  580px) {
	#rowLife .divLife     { padding: 0px; }
	#rowLife .divLogo     { float: none; margin: auto; width: 240px; max-width: 90%; }
	#rowLife .divTexto    { margin-top: 20px; }
	#rowLife .divTexto h1 { font-size: 20px; }
}
