/*
	CSS personalizado para 04 ACTIVIDADES
*/

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

/*    Beige Oscuro: C3B398 rgb(195,179,152) */
/*            Gris: 999999 rgb(153,153,153) */
/*     Beige Medio: DFD8CB rgb(223,216,203) */
/*     Beige Claro: EEE9E4 rgb(238,233,228) */
/* Beige Muy Claro: F7F5F2 rgb(247,245,242) */

/*   Marron Oscuro: 8E6E53 rgb(142,110, 83) */
/*    Marron Medio: C5B09C rgb(197,176,156) */
/*    Marron Claro: E9DACB rgb(233,218,203) */
/*Marron Muy Claro: F9F1E8 rgb(249,241,232) */

/*     Azul Oscuro: 6689A1 rgb(102,137,161) */
/*      Azul Medio: 9BB2C2 rgb(155,178,194) */
/*      Azul Claro: CDD9E0 rgb(205,217,224) */
/*  Azul Muy Claro: E6ECF0 rgb(230,236,240) */

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

/******************************************* #rowIntro *******************************************/

#rowIntro .divIntro p               { margin: 20px 0px; font-size: 18px; text-align: justify; line-height: 160%; }
#rowIntro .divIntro p:first-of-type { margin-top: 0px; }
#rowIntro .divIntro p:last-of-type  { margin-bottom: 0px; }

@media (max-width: 1180px) { #rowIntro .divIntro   { padding: 0px 20px; } }
@media (max-width:  980px) { #rowIntro .divIntro p { font-size: 16px; } }
@media (max-width:  580px) { #rowIntro .divIntro p { margin: 15px 0px; font-size: 14px; line-height: 140%; } }
@media (max-width:  380px) { #rowIntro .divIntro   { padding: 0px 10px; } #rowIntro .divIntro p { margin: 10px 0px; } }
@media (max-width:  340px) { #rowIntro .divIntro p { text-align: left; } }

/****************************** #rowFiestas, #rowTurismo, #rowCerca ******************************/

.page-template-page-04-actividades .divCabecera              { display: flex; align-items: baseline; }
.page-template-page-04-actividades .divCabecera h1           { color: var(--color1-hex); font-size: 30px; font-weight: 600; white-space: nowrap; }
.page-template-page-04-actividades .divCabecera hr           { margin: 0px 0px 0px 15px; width: 100%; height: 4px; background-color: var(--color-azu1-hex); }
.page-template-page-04-actividades .divIntro                 { margin-top: 20px; }
.page-template-page-04-actividades .divIntro p               { margin: 10px 0px; font-size: 16px; }
.page-template-page-04-actividades .divIntro p:first-of-type { margin-top: 0px; }
.page-template-page-04-actividades .divIntro p:last-of-type  { margin-bottom: 0px; }
.page-template-page-04-actividades .divCuadros               { display: flex; justify-content: space-between; }
.page-template-page-04-actividades .divCuadro                { margin-top: 20px; width: 32%; }
.page-template-page-04-actividades .divFoto                  { width: 100%; height: 240px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.page-template-page-04-actividades .divFoto a                { width: 100%; height: 100%; display: block; }
.page-template-page-04-actividades .divTitulo                { margin-top: 20px; }
.page-template-page-04-actividades .divTitulo h2             { color: var(--color-azu1-hex); font-size: 20px; font-weight: 600; white-space: nowrap; }
.page-template-page-04-actividades .divTexto p               { margin: 10px 0px; font-size: 16px; }
.page-template-page-04-actividades .divTexto p:last-of-type  { margin-bottom: 0px; }
.page-template-page-04-actividades .divTexto p a             { color: var(--color-azu1-hex); white-space: nowrap; }
.page-template-page-04-actividades .divTexto p a:hover       { color: var(--color-azu2-hex); }

@media (max-width: 1180px) {
	.page-template-page-04-actividades .divFiestas { padding: 0px 20px; }
	.page-template-page-04-actividades .divTurismo { padding: 0px 20px; }
	.page-template-page-04-actividades .divCerca   { padding: 0px 20px; }
}

@media (max-width:  980px) {
	.page-template-page-04-actividades .divCabecera h1 { font-size: 24px; }
	.page-template-page-04-actividades .divFoto        { height: 200px; }
	.page-template-page-04-actividades .divTitulo      { margin-top: 15px; }
	.page-template-page-04-actividades .divTitulo h2   { font-size: 18px; }
	.page-template-page-04-actividades .divTexto p     { font-size: 14px; }
}

@media (max-width:  880px) {
	.page-template-page-04-actividades .divCuadro  .divTitulo h2 { letter-spacing: -0.5px; }
	#rowFiestas .divCuadro1 .divTitulo h2                        { letter-spacing: -1.2px; }
}

@media (max-width:  800px) {
	#rowFiestas .divCuadro1 .divTitulo h2 { letter-spacing: -0.5px; }
}

@media (max-width:  780px) {
	.page-template-page-04-actividades .divCabecera h1 { font-size: 20px; }
	.page-template-page-04-actividades .divCuadro      { width: 30%; }
	.page-template-page-04-actividades .divIntro p     { font-size: 14px; }
	.page-template-page-04-actividades .divFoto        { height: 180px; }
	.page-template-page-04-actividades .divTitulo      { margin-top: 10px; }
	.page-template-page-04-actividades .divTitulo h2   { font-size: 16px; }
}

@media (max-width:  680px) {
	.page-template-page-04-actividades .divCuadro { width: 31%; }
	#rowTurismo .divTexto p a                     { letter-spacing: -1.2px; }
}

@media (max-width:  580px) {
	#rowFiestas .divCabecera h1 { font-size: 24px; }
	.page-template-page-04-actividades .divCabecera hr           { height: 2px; }
	.page-template-page-04-actividades .divCuadros               { flex-wrap: wrap; }
	.page-template-page-04-actividades .divCuadro                { width: 100%; }
	.page-template-page-04-actividades .divCuadro  .divTitulo h2 { font-size: 18px; letter-spacing: normal !important; }
	.page-template-page-04-actividades .divCuadro  .divTitulo br800:before { content: " "; }
}