/*
	CSS personalizado para 02 EL PARQUE
*/

/**************************************** GAMA DE COLORES ****************************************/

/*    Rojo Oscuro: D74F41 rgb(215, 79, 65) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Rojo Medio: EBA7A0 rgb(235,167,160) */
/*     Rojo Claro: F5D3CF rgb(245,211,207) */
/* Rojo Muy Claro: FAE9E7 rgb(250,233,231) */

/*           Añil: 143046 rgb( 20, 48, 70) */
/*          Ambar: E6AF40 rgb(230,175, 64) */
/*          Oliva: 4C5335 rgb( 76, 83, 53) */
/*          Crema: FAEFD9 rgb(250,239,217) */

/************************************ MODIFICADOS DE syle-home ***********************************/

/*************************************** #rowElParqueIntro ***************************************/

#rowElParqueIntro *                        { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
#rowElParqueIntro .divElParqueIntro        { cursor: default; }
#rowElParqueIntro .divContent              { position: relative; margin: auto; padding: 140px 0px 40px 0px; max-width: 1180px; display: flex; z-index: 1; }
#rowElParqueIntro .divIzda                 { width: calc(100% - 550px); padding-right: 60px; }
#rowElParqueIntro .divIzda h3              { color: var(--color1-hex); line-height: 100%; }
#rowElParqueIntro .divIzda p               { margin: 20px 0px; }
#rowElParqueIntro .divIzda p:first-of-type { margin-top:   40px; }
#rowElParqueIntro .divIzda p:last-of-type  { margin-bottom: 0px; }
#rowElParqueIntro .divDcha                 { width: 550px; background-image: url(/wp-content/uploads/el-parque-foto-1.jpg); border-radius: 25px; }
#rowElParqueIntro .divDcha                 { background-repeat: no-repeat; background-size: cover; background-position: center; }

@media (max-width: 1380px) { #rowElParqueIntro .divContent { padding: 140px 40px 40px 40px; } }

@media (max-width: 1180px) {
	#rowElParqueIntro .divIzda { width: 55%; padding-right: 40px; }
	#rowElParqueIntro .divDcha { width: 45%; }
}

@media (max-width:  980px) {
	#rowElParqueIntro .divContent              { padding: 100px 40px 40px 40px; }
	#rowElParqueIntro .divIzda                 { width: 60%; padding-right: 30px; }
	#rowElParqueIntro .divIzda p               { margin: 15px 0px; }
	#rowElParqueIntro .divIzda p:first-of-type { margin-top: 30px; }
	#rowElParqueIntro .divDcha                 { width: 40%; border-radius: 20px; }
}

@media (max-width:  780px) {
	#rowElParqueIntro .divIzda                 { width: calc(100% - 240px); padding-right: 20px; }
	#rowElParqueIntro .divIzda p               { margin: 10px 0px; }
	#rowElParqueIntro .divIzda p:first-of-type { margin-top: 20px; }
	#rowElParqueIntro .divDcha                 { width: 240px; border-radius: 15px; }
}

@media (max-width:  580px) {
	#rowElParqueIntro .divContent              { padding: 100px 30px 40px 30px; }
	#rowElParqueIntro .divIzda                 { width: 100%; padding-right: 0px; }
	#rowElParqueIntro .divDcha                 { display: none; }
}

/************************************** #rowElParqueFeatures *************************************/

#rowElParqueFeatures *                                  { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
#rowElParqueFeatures .divElParqueFeatures               { cursor: default; }
#rowElParqueFeatures .divRow                            { display: flex; }
#rowElParqueFeatures .divRow  .divFoto                  { width: 50%; background-repeat: no-repeat; background-size: cover; background-position: center; }
#rowElParqueFeatures .divRow  .divTextos                { padding: 150px; width: 50%; display: flex; flex-direction: column; justify-content: center; }
#rowElParqueFeatures .divRow  .divTextos h6             { margin-bottom: 10px !important; color: var(--color-ambar-hex); z-index: 1; }
#rowElParqueFeatures .divRow  .divTextos p              { margin: 10px 0px; color: #FFFFFF; z-index: 1; }
#rowElParqueFeatures .divRow  .divTextos p:last-of-type { margin-bottom: 0px; }
#rowElParqueFeatures .divRow1 .divFoto                  { background-image: url("/wp-content/uploads/el-parque-foto-2.jpg"); }
#rowElParqueFeatures .divRow1 .divTextos                { background-color: var(--color-oliva-hex); }
#rowElParqueFeatures .divRow2 .divTextos                { background-color: var(--color-añil-hex); }
#rowElParqueFeatures .divRow2 .divFoto                  { background-image: url("/wp-content/uploads/el-parque-foto-3.jpg"); background-position: bottom; }
#rowElParqueFeatures .divRow3 .divFoto                  { background-image: url("/wp-content/uploads/el-parque-foto-4.jpg"); background-position: bottom; }
#rowElParqueFeatures .divRow3 .divTextos                { background-color: var(--color-ambar-hex); }
#rowElParqueFeatures .divRow3 .divTextos h6             { color: var(--color-añil-hex); }
#rowElParqueFeatures .divRow4 .divTextos                { background-color: var(--color-oliva-hex); }
#rowElParqueFeatures .divRow4 .divFoto                  { background-image: url("/wp-content/uploads/el-parque-foto-5.jpg"); }

@media (max-width: 1380px) { #rowElParqueFeatures .divRow .divTextos { padding: 100px;      } }
@media (max-width: 1180px) { #rowElParqueFeatures .divRow .divTextos { padding:  80px 60px; } }
@media (max-width:  980px) { #rowElParqueFeatures .divRow .divTextos { padding:  60px 40px; } }

@media (max-width:  780px) {
	#rowElParqueFeatures .divRow .divTextos    { padding:  40px 30px; }
	#rowElParqueFeatures .divRow .divTextos h6 { margin-bottom: 5px !important; }
	#rowElParqueFeatures .divRow .divTextos p  { margin: 5px 0px; }
}

@media (max-width:  580px) {
	#rowElParqueFeatures .divRow  .divFoto   { width: 100%; height: 250px; }
	#rowElParqueFeatures .divRow  .divTextos { padding: 40px; width: 100%; }
	#rowElParqueFeatures .divRow1            { flex-direction: column; }
	#rowElParqueFeatures .divRow2            { flex-direction: column-reverse; }
	#rowElParqueFeatures .divRow3            { flex-direction: column; }
	#rowElParqueFeatures .divRow4            { flex-direction: column-reverse; }
}

@media (max-width:  380px) {
	#rowElParqueFeatures .divRow  .divFoto   { height: 200px; }
	#rowElParqueFeatures .divRow  .divTextos { padding: 30px; }
}

/************************************** #rowElParqueTurismos *************************************/

#rowElParqueTurismos *                                            { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
#rowElParqueTurismos .divElParqueTurismos                         { padding: 100px 0px; }
#rowElParqueTurismos .divHeading             h3                   { color: var(--color-ambar-hex) !important; }
#rowElParqueTurismos .divTurismos                                 { margin: 60px auto 0px auto; max-width: 1180px; display: flex; justify-content: space-between; }
#rowElParqueTurismos .divTurismo                                  { width: calc((100% - 180px) / 4); }
#rowElParqueTurismos .divTurismo             a                    { text-decoration: none; }
#rowElParqueTurismos .divTurismo             a i.mwp-icon         { width: 100%; height: auto; }
#rowElParqueTurismos .divTurismo             a i.mwp-icon:before  { content: ""; padding-top: 100%; display: block; }
#rowElParqueTurismos .divTurismo             a span               { margin-top: 15px; font-family: var(--font-family-rowdies); font-size: 28px; display: block; text-align: center; white-space: nowrap; }
#rowElParqueTurismos .divTurismo             a span:first-of-type { margin-top: 30px; letter-spacing: 5px; }
#rowElParqueTurismos .divTurismoCultural     a span               { color: var(--color-añil-hex) !important; }
#rowElParqueTurismos .divTurismoActivo       a span               { color: var(--color-oliva-hex) !important; }
#rowElParqueTurismos .divTurismoGastronomico a span               { color: var(--color1-hex) !important; }
#rowElParqueTurismos .divTurismoGastronomico a span:last-of-type  { transform-origin: left; }
#rowElParqueTurismos .divTurismoFamiliar     a span               { color: var(--color-ambar-hex) !important; }
#rowElParqueTurismos .divTurismoFamiliar     a span:last-of-type  { transform-origin: left; transform: scaleX(0.85); letter-spacing: -1px; }
#rowElParqueTurismos .divTurismo:hover                            { transform: scale(1.1); }

@media (max-width: 1380px) {
	#rowElParqueTurismos .divElParqueTurismos                         { padding: 80px 60px; }
	#rowElParqueTurismos .divTurismo                                  { width: 235px; }
	#rowElParqueTurismos .divTurismoFamiliar     a span:last-of-type  { transform: scaleX(0.80); }
}

@media (max-width: 1180px) {
	#rowElParqueTurismos .divElParqueTurismos                         { padding: 60px 50px; }
	#rowElParqueTurismos .divTurismos                                 { margin-top: 40px; }
	#rowElParqueTurismos .divTurismo                                  { width: 195px; }
	#rowElParqueTurismos .divTurismoGastronomico a span:last-of-type  { transform: scaleX(0.82); }
	#rowElParqueTurismos .divTurismoFamiliar     a span:last-of-type  { transform: scaleX(0.70); letter-spacing: -2px; }
}

@media (max-width:  980px) {
	#rowElParqueTurismos .divElParqueTurismos                         { padding: 40px; }
	#rowElParqueTurismos .divTurismos                                 { margin: 30px auto 0px auto; width: 560px; flex-wrap: wrap; }
	#rowElParqueTurismos .divTurismo                                  { padding: 30px; width: 280px; }
	#rowElParqueTurismos .divTurismo             a span               { margin-top: 10px; font-size: 24px; }
	#rowElParqueTurismos .divTurismo             a span:first-of-type { margin-top: 20px; letter-spacing: 4px; }
	#rowElParqueTurismos .divTurismoGastronomico a span:last-of-type  { transform: none; }
	#rowElParqueTurismos .divTurismoFamiliar     a span:last-of-type  { transform: scaleX(0.83); letter-spacing: normal; }
}

@media (max-width:  780px) {
	#rowElParqueTurismos .divTurismos                                 { margin: 20px auto 0px auto; width: 460px; }
	#rowElParqueTurismos .divTurismo                                  { padding: 20px; width: 230px; }
	#rowElParqueTurismos .divTurismo             a span               { font-size: 20px; }
	#rowElParqueTurismos .divTurismoFamiliar     a span:last-of-type  { transform: scaleX(0.86); }
}

@media (max-width:  580px) {
	#rowElParqueTurismos .divTurismos                                 { margin: 10px auto 0px auto; width: 230px; }
	#rowElParqueTurismos .divTurismo                                  { padding: 15px; }
	#rowElParqueTurismos .divTurismo             a span               { margin-top: 5px; font-size: 18px; }
	#rowElParqueTurismos .divTurismo             a span:first-of-type { margin-top: 10px; letter-spacing: 2px; }
	#rowElParqueTurismos .divTurismoFamiliar     a span:last-of-type  { transform: none; }
}