/*
	CSS personalizado para 02 PROJECT
*/

/**************************************** 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_project.jpg"); }

/***************************************** #rowProyecto ******************************************/

#rowProyecto .divProyecto * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

#rowProyecto .divContent               { margin-top: 40px; display: flex; }
#rowProyecto .divImagen                { flex: 0 0 480px; }
#rowProyecto .divImagen img            { box-shadow: 0px 25px 10px -20px rgba(0,0,0,0.5); }
#rowProyecto .divTexto                 { padding-left: 40px; }
#rowProyecto .divTexto p               { margin: 10px 0px; font-size: 16px; text-align: justify; line-height: 125%; }
#rowProyecto .divTexto p:first-of-type { margin-top: 0px; }
#rowProyecto .divTexto p:last-of-type  { margin-bottom: 0px; }
#rowProyecto .divTexto strong          { line-height: inherit; }

@media (max-width: 1180px) {
	#rowProyecto .divProyecto { padding: 0px 20px; }
	#rowProyecto .divImagen   { flex: 0 0 400px; }
}

@media (max-width: 1080px) { #rowProyecto .divImagen { flex: 0 0 40%; } }

@media (max-width:  980px) {
	#rowProyecto .divContent { margin-top: 30px; }
	#rowProyecto .divImagen  { flex: 0 0 40%; }
	#rowProyecto .divTexto   { padding-left: 30px; }
}

@media (max-width:  880px) {
	#rowProyecto .divContent { display: block; }
	#rowProyecto .divImagen  { float: left; width: 50%; padding: 0px 30px 20px 0px; line-height: 0px; }
	#rowProyecto .divTexto   { padding-left: 0px; }
}

@media (max-width:  780px) {
	#rowProyecto .divContent  { margin-top: 20px; }
	#rowProyecto .divImagen   { width: 60%; padding: 0px 25px 15px 0px; }
	#rowProyecto .divTexto p  { margin: 8px 0px; font-size: 14px; }
}

@media (max-width:  580px) {
	#rowProyecto .divProyecto { padding: 0px; }
	#rowProyecto .divImagen   { width: 50%; padding: 0px 20px 10px 0px; }
}

@media (max-width:  480px) {
	#rowProyecto .divImagen   { float: none; margin: auto; width: 100%; max-width: 320px; padding: 0px 0px 20px 0px; }
	#rowProyecto .divTexto p  { margin: 5px 0px; font-size: 13px; text-align: left; }
}

/******************************************* #rowDatos *******************************************/

#rowDatos .divDatos      { padding: 50px 0px; }
#rowDatos .divDatos   *  { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowDatos .divHeading h1 { color: #FFFFFF !important; }

#rowDatos .divItems             { display: flex; flex-wrap: wrap; justify-content: center; }
#rowDatos .divItem              { padding: 20px 20px 0px 20px; width: 20%; color: #FFFFFF; text-align: center; text-shadow: 0px 2px #000000; }
#rowDatos .divValor             { font-size: 48px; font-weight: 900; line-height: 120%; }
#rowDatos .divValor:before      { content: "\f063"; font-family: "FontAwesome"; font-size: 40px; font-weight: 400; display: block; }
#rowDatos .divValor.last:before { content: "\f062"; }
#rowDatos .divTexto             { margin-top: 10px; }
#rowDatos .divTexto span        { font-family: var(--font-family-narrow); font-size: 20px; font-weight: 600; display: block; line-height: 100%; }

@media (max-width: 1180px) {
	#rowDatos .divDatos { padding: 40px 20px; }
	#rowDatos .divItem  { padding: 20px 15px 0px 15px; }
}

@media (max-width: 1080px) {
	#rowDatos .divItem                    { padding: 20px 10px 0px 10px; }
	#rowDatos .divTexto span:last-of-type { letter-spacing: -0.3px; }
}

@media (max-width:  980px) {
	#rowDatos .divValor                   { font-size: 40px; display: flex; flex-direction: column; align-items: center; }
	#rowDatos .divValor:before            { font-size: 36px; }
	#rowDatos .divTexto span:last-of-type { letter-spacing: normal; }
}

@media (max-width:  780px) {
	#rowDatos .divItem                    { padding: 20px; width: 33%; }
	#rowDatos .divValor                   { font-size: 36px; }
	#rowDatos .divValor:before            { font-size: 32px; }
	#rowDatos .divTexto span              { font-size: 18px; text-shadow: 0px 1px #000000; }
	#rowDatos .divTexto span br980:before { content: " "; }
}

@media (max-width:  680px) { #rowDatos .divTexto span br980:before { content: "\A"; } }

@media (max-width:  580px) {
	#rowDatos .divDatos { padding: 30px  0px; }
	#rowDatos .divItem  { padding: 15px; }
}

@media (max-width:  480px) {
	#rowDatos .divItem                    { padding: 10px; width: 50%; text-shadow: 0px 1px #000000; }
	#rowDatos .divValor                   { font-size: 32px; }
	#rowDatos .divValor:before            { font-size: 28px; }
	#rowDatos .divTexto span              { font-size: 16px; }
	#rowDatos .divTexto span br980:before { content: " "; }
}

@media (max-width:  350px) { #rowDatos .divTexto span br980:before { content: "\A"; } }

/******************************************* #rowComo ********************************************/

#rowComo .divModulos       { display: flex; flex-wrap: wrap; justify-content: center; }
#rowComo .divModulos   *   { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowComo .divModulos   h2  { margin-bottom: 30px !important; width: 100%; font-size: 30px; color: var(--color1-hex) !important; text-align: center; line-height: 100%; }
#rowComo .divModulos   i   { padding: 0px 30px; font-size: 40px; color: var(--color1-hex); align-self: center; }
#rowComo .divModulo        { padding: 25px; width: 40%; border: solid 2px var(--color1-hex); border-radius: 10px; }
#rowComo .divModulo    h2  { margin-bottom: 10px !important; }
#rowComo .divModulo    p   { margin: 0px; font-family: var(--font-family-narrow); font-size: 18px; }
#rowComo .divModulos   h4  { margin: 30px 0px !important; width: 100%; font-size: 22px; color: var(--color1-hex) !important; text-align: center; }
#rowComo .divModuloImg     { text-align: center; align-self: flex-start; line-height: 0px; }
#rowComo .divModuloImg img { height: 280px; }

@media (max-width: 1180px) { #rowComo .divComo { padding: 0px 20px; } #rowComo .divModuloImg img { height: 260px; } }
@media (max-width: 1080px) { #rowComo .divModuloImg img { height: 220px; } }

@media (max-width:  980px) {
	#rowComo .divModulos   h2  { margin-bottom: 20px !important; font-size: 28px; }
	#rowComo .divModulos   i   { padding: 0px 20px; font-size: 36px; }
	#rowComo .divModulo        { padding: 20px; }
	#rowComo .divModulo    h2  { margin-bottom: 10px !important; }
	#rowComo .divModulos   h4  { margin: 25px 0px !important; font-size: 20px; }
	#rowComo .divModuloImg img { height: 170px; }
}

@media (max-width:  780px) {
	#rowComo .divModulo                  { width: 100%; }
	#rowComo .divModulos    h2           { font-size: 24px; }
	#rowComo .divModulos    i            { padding: 20px 0px; font-size: 36px; }
	#rowComo .divModulo     br980:before { content: " "; }
	#rowComo .divModulos    h4           { margin: 20px 0px !important; font-size: 18px; }
	#rowComo .divModulo     p            { font-size: 16px; }
	#rowComo .divModuloImg  img          { height: auto; }
	#rowComo .divEnermod                 { width: 100%; }
	#rowComo .divPassivhaus              { width:  75%; }
}

@media (max-width:  580px) {
	#rowComo .divComo       { padding: 0px; }
	#rowComo .divModulos h2 { font-size: 20px; }
	#rowComo .divModulos i  { padding: 15px 0px; font-size: 30px; }
	#rowComo .divModulos h4 { margin: 15px 0px !important; font-size: 16px; }
	#rowComo .divModulo     { padding: 15px; }
	#rowComo .divModulo  p  { font-size: 14px; }
}

@media (max-width:  480px) { #rowComo .divModulos h4 br5080:before { content: " "; } }

/***************************************** #rowObjetivos *****************************************/

#rowObjetivos .divObjetivos *  { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#rowObjetivos .divObjetivos h2 { margin: 0px auto 30px auto !important; max-width: 880px; font-size: 30px; color: var(--color1-hex) !important; text-align: center; line-height: 120%; }
#rowObjetivos .divObjetivos h4 { margin: 0px auto 30px auto !important; max-width: 680px; font-size: 22px; color: var(--color1-hex) !important; text-align: center; line-height: 120%; }
#rowObjetivos .divObjetivos ol { margin: 0px auto 0px auto; max-width: 680px; }
#rowObjetivos .divObjetivos li { margin-bottom: 10px; font-size: 18px; text-align: justify; line-height: 120%; }

@media (max-width: 1180px) { #rowObjetivos .divObjetivos { padding: 0px 20px; } }

@media (max-width:  980px) {
	#rowObjetivos .divObjetivos h2 { margin-bottom: 20px !important; font-size: 28px; }
	#rowObjetivos .divObjetivos h4 { margin-bottom: 20px !important; font-size: 20px; }
}

@media (max-width:  780px) {
	#rowObjetivos .divObjetivos h2 { margin-bottom: 15px !important; font-size: 24px; }
	#rowObjetivos .divObjetivos h4 { margin-bottom: 15px !important; font-size: 18px; }
	#rowObjetivos .divObjetivos li { font-size: 16px; }
}

@media (max-width:  580px) {
	#rowObjetivos .divObjetivos    { padding: 0px; }
	#rowObjetivos .divObjetivos h2 { margin-bottom: 10px !important; font-size: 20px; }
	#rowObjetivos .divObjetivos h4 { margin-bottom: 10px !important; font-size: 16px; }
	#rowObjetivos .divObjetivos li { margin-bottom: 5px; font-size: 14px; }
}

@media (max-width:  480px) { #rowObjetivos .divObjetivos li { text-align: left; } }

/******************************************* #rowDonde *******************************************/

#rowDonde .divDonde p { margin: 10px; font-size: 18px; text-align: justify; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

#rowDonde .divLocations                { margin: 30px 0px; width: 100%; display: flex; justify-content: space-between; }
#rowDonde .divLocation                 { padding: 20px; width: 30%; border: solid 2px var(--color1-hex); border-radius: 10px; box-shadow: 0px 2px 7px 1px rgba(0,0,0,0.3); }
#rowDonde .divLocation                 { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
#rowDonde .divLocation  *              { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
#rowDonde .divLocation .divImagen      { width: 100% !important; box-shadow: 0px 12px 5px -10px rgba(0,0,0,0.5); line-height: 0px; }
#rowDonde .divLocation .divTitulo      { margin-top: 15px; font-size: 18px; font-weight: 600; color: var(--color1-hex); text-align: center; line-height: 120%; }
#rowDonde .divLocation .divArea        { margin-top:  0px; font-size: 16px; font-weight: 600; color: var(--color1-hex); text-align: center; line-height: 120%; }
#rowDonde .divLocation .divDescription { margin-top: 10px; font-size: 14px; line-height: 120%; text-align: center; }

#rowDonde .divMapLocations                                           { margin: 30px 0px; width: 100%; height: 540px; }
#rowDonde .divMapLocations .divMap .gm-style-iw-c                    { padding: 0px !important; }
#rowDonde .divMapLocations .divMap .gm-style-iw-d                    { overflow: auto !important; }
#rowDonde .divMapLocations .divMap                                   { width: 100%; height: 100%; }
#rowDonde .divMapLocations .divMap .divContentWindow                 { padding: 10px; }
#rowDonde .divMapLocations .divMap .divContentWindow  *              { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
#rowDonde .divMapLocations .divMap .divContentWindow .divImagen      { margin: 0px auto; width: 100%; box-shadow: 0px 12px 5px -10px rgba(0,0,0,0.5); line-height: 0px; }
#rowDonde .divMapLocations .divMap .divContentWindow .divTitulo      { margin-top: 15px; font-size: 18px; font-weight: 600; color: var(--color1-hex); text-align: center; line-height: 120%; }
#rowDonde .divMapLocations .divMap .divContentWindow .divArea        { margin-top:  0px; font-size: 16px; font-weight: 600; color: var(--color1-hex); text-align: center; line-height: 120%; }
#rowDonde .divMapLocations .divMap .divContentWindow .divDescription { margin-top: 10px; font-size: 14px; line-height: 120%; text-align: center; }
#rowDonde .divMapLocations .divMap button[title="Cerrar"] img        { display: none !important; }
#rowDonde .divMapLocations .divMap button[title="Cerrar"]            { top: 10px !important; right: 10px !important; }
#rowDonde .divMapLocations .divMap button[title="Cerrar"]:after      { content: "\f057"; font-family: "FontAwesome"; font-size: 20px; color: #000000; }

@media (max-width: 1180px) { #rowDonde .divDonde { padding: 0px 20px; } }

@media (max-width: 1080px) {
	#rowDonde .divLocation { padding: 15px; width: 31%; }
}

@media (max-width:  980px) {
	#rowDonde .divLocation                           { padding: 10px; width: 32%; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3); }
	#rowDonde .divLocation .divImagen                { box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.5); }
	#rowDonde .divLocation .divTitulo                { font-family: var(--font-family-narrow); font-size: 18px; }
	#rowDonde .divLocation .divArea                  { font-family: var(--font-family-narrow); font-size: 16px; }
	#rowDonde .divLocation:nth-of-type(3) .divTitulo { letter-spacing: -0.6px; }
}

@media (max-width:  780px) {
	#rowDonde .divDonde p                            { font-size: 16px; }
	#rowDonde .divLocation .divTitulo                { margin: 15px auto 0px auto; width: 100px; font-size: 16px; }
	#rowDonde .divLocation:nth-of-type(3) .divTitulo { letter-spacing: normal; }
	#rowDonde .divLocation .divArea                  { font-size: 14px; letter-spacing: -0.4px; }
	#rowDonde .divLocation .divDescription           { margin: 10px auto 0px auto; width: 150px; max-width: 100%; }
}

@media (max-width:  680px) { #rowDonde .divLocation .divDescription { font-family: var(--font-family-narrow); font-size: 13px; } }

@media (max-width:  580px) {
	#rowDonde .divLocations                { margin: 20px 0px; flex-wrap: wrap; }
	#rowDonde .divLocation                 { margin: 10px 0px; padding: 15px; width: 100%; }
	#rowDonde .divLocation .divImagen      { float: left; margin-right: 20px; width: 200px !important; }
	#rowDonde .divLocation .divTitulo      { margin: 0px; width: auto; font-size: 18px; }
	#rowDonde .divLocation .divArea        { font-size: 16px; letter-spacing: normal; }
	#rowDonde .divLocation .divDescription { margin: 20px 0px 0px 0px; width: auto; font-family: var(--font-family-normal); font-size: 14px; }
	#rowDonde .divDonde                    { padding: 0px; }
	#rowDonde .divDonde p                  { margin-bottom: 5px; font-size: 14px; }
}

@media (max-width:  480px) {
	#rowDonde .divDonde p                  { text-align: left; }
	#rowDonde .divLocation                 { padding: 10px; }
	#rowDonde .divLocation .divTitulo      { font-size: 16px; }
	#rowDonde .divLocation .divArea        { font-size: 14px; }
	#rowDonde .divLocation .divImagen      { margin: 0px 10px 0px 0px; width: 38% !important; }
	#rowDonde .divLocation .divDescription { margin: 5px 0px 0px 0px; font-family: var(--font-family-narrow); font-size: 13px; }
}

@media (max-width:  400px) {
	#rowDonde .divLocation                 { padding: 15px; }
	#rowDonde .divLocation .divTitulo      { font-size: 18px; }
	#rowDonde .divLocation .divArea        { font-size: 16px; }
	#rowDonde .divLocation .divImagen      { float: none; margin: 0px auto 15px auto; width: 100% !important; max-width: 200px; }
	#rowDonde .divLocation .divDescription { margin: 10px 0px 0px 0px; font-family: var(--font-family-normal); font-size: 14px; }
}