/******************************************************/
/* Home */

.home .destacada{ position: relative; margin-bottom: 40px; box-shadow: 0px 10px 30px 10px rgba(0,0,0,0.1); }
.home .destacada .imagen{ position: relative; display: block;  }
.home .destacada .imagen img{  width: 100%; height: auto; display: block; }
/* .home .destacada .imagen .mensaje{ position: absolute; z-index: 100000; top:5vw; right:5vw; height: 115px; width: 115px; } */
.home .destacada .imagen .mensaje{ position: absolute; z-index: 100000; top:0; right:0; height: 100%; width: 100%; }
.home .destacada .imagen .mensaje svg{ height: 100%; width: 100%; }

.home .destacada .faldon{ 
	position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%;
	background-color: rgba(0,0,0,.5); padding: 2vw 0;
}
.home .destacada .faldon .interior{ display: flex; justify-content: space-between; align-items: center; line-height: 1.9em; }
.home .destacada .faldon .interior .estado{ display: block; color: #fff; font-size: 20px; text-transform: uppercase; }
.home .destacada .faldon .interior .titulo{ display: block; color: #fff; font-size: 34px; font-weight: bold; letter-spacing: .05em; line-height: 1.1em;}
.home .destacada .faldon .interior .fecha{ display: block; color: #fff; font-size: 24px; }

@media all and (max-width: 850px) {
/* 	.home .destacada .imagen .mensaje{ height: 80px; width: 80px; } */
	.home .destacada .faldon .interior { line-height: 1.5em; }
	.home .destacada .faldon .interior .estado{ font-size: 16px; }
	.home .destacada .faldon .interior .titulo{ font-size: 24px;  }
	.home .destacada .faldon .interior .fecha{ font-size: 18px; }
	.home .destacada .asset-boton{ font-size: 16px; padding: .1em 1em; border-width: 2px; }
}
@media all and (max-width: 700px) {
	.home .destacada .faldon{ position: relative; background-color: rgba(0,0,0,1); flex-direction: column; align-items:flex-start;}
	.home .destacada .asset-boton{ margin-top: 1em; margin-bottom: 1em; }
}
@media all and (max-width: 400px) {
	.home .destacada .faldon .interior{ flex-direction:  column; padding: 0 20px; width: 100%; align-items: flex-start; width: 100%; }
	.home .destacada .asset-boton{ width: 100%; text-align: center; }
}

.home .obras{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 3em;}
.home .obras > h1{  padding: 10px 20px; width: 100%; margin-bottom: 40px; background-color: #e00025; color: #fff; font-size: 18px; text-transform: uppercase; }
.home .obras > h1.black{  background-color: #000; }
.home .obras > .separador{ width: 100%; margin-bottom: 40px; }
.home .obras .obra{  padding: 0 0 60px; width: calc(50% - 15px); }
.home .obras .obra .imagen{ position: relative; display: block;  }
.home .obras .obra .imagen img{  width: 100%; height: auto; display: block; }

/* .home .obras .obra .imagen .mensaje{ position: absolute; z-index: 100000; top:10px; right:10px;  height: 55px; width: 55px; } */
.home .obras .obra .imagen .mensaje{ position: absolute; z-index: 100000; top:0; right:0;  height: 100%; width: 100%; }
.home .obras .obra .imagen .mensaje svg{ height: 100%; width: 100%; }

.home .obras .obra .faldon{ display: flex; justify-content: space-between; align-items: flex-start; line-height: 1.9em; }
.home .obras .obra .faldon .estado{ display: block; font-size: 18px; text-transform: uppercase; }
.home .obras .obra .faldon .titulo{ display: block; font-size: 34px; font-weight: bold; letter-spacing: .03em; line-height: 1em;}
.home .obras .obra .faldon .fecha{ display: block; font-size: 22px; line-height: 1.2em; margin-top: .5em; }
.home .obras .obra .faldon .botones { margin-top: 10px; margin-left: 20px; width: 100px; flex-shrink: 0; }
.home .obras .obra .faldon .botones .asset-boton.small{ width: 100%; text-align: center; white-space: normal;  margin-bottom:.4em;}

@media all and (max-width: 800px) {
/* 	.home .obras .obra .imagen .mensaje{ height: 10vw; width: 10vw; } */
	.home .obras .obra{ width: 100%; }
}
@media all and (max-width: 400px) {
	.home .obras .obra .faldon{ flex-direction: column; }
	.home .obras .obra .faldon .botones { width: 100%; margin-left: 0; }
	.home .obras .obra .faldon .botones .asset-boton.small{  margin-bottom: .5em; }
}
/******************************************************/

/******************************************************/
/* Ficha obra */
.theme-obra .titulo{ color:  #e00025; }
.theme-obra .main,
.theme-obra .aside{ padding-bottom: 50px; }
.theme-obra .estado{ font-size: 20px; text-transform: uppercase; }
.theme-obra .fecha{ font-size: 24px; margin-bottom: 1em; margin-top:.3em;}
.theme-obra .informacion{ font-size: 18px; margin-bottom: 2em; }
.theme-obra .comprar .asset-boton{ margin: 0 1em 1em 0; }
.theme-obra h3{ margin-bottom: .5em; }
.theme-obra h2{ margin-bottom: .4em; }
.theme-obra p{ margin-bottom: 1em; }

.theme-obra .info-util{ color:  #e00025; }
.theme-obra .info-util p{ margin-bottom: 1em;}
.theme-obra .info-util ul li{ font-size: 13px; margin-bottom: .5em; line-height: 1.2em;}

.theme-obra .criticas { margin-bottom: 2em;  }
.theme-obra .criticas .critica{ margin-top: 1em; font-size: 21px; line-height: 1.6em; }
.theme-obra .criticas .critica q{ font-size: 24px; font-weight: bold; display: block;}

.theme-obra .accesibilidad { max-width: 340px; margin-bottom: 2em; }
.theme-obra .logos-accesibilidad img{ display: inline-block; max-width: 50px; max-height: 50px; }

.theme-obra .videos { margin-bottom: 2em;  }
/* .theme-obra .videos h2{ margin-bottom: .4em; } */
.theme-obra .videos .asset-video{ margin-bottom: 2em; }
/* .theme-obra .videos .video{ margin-bottom: 1em; } */

.theme-obra .cartel{  margin-bottom: 2em;}
.theme-obra .cartel .asset-boton{  margin-top: 0;}

.theme-obra .grupos{ color:  #e00025;  }
.theme-obra .grupos svg{ margin-top: 1em; width: 150px; }

/* .theme-obra .sinopsis h2{ margin-bottom: .4em; }
.theme-obra .sinopsis p{ margin-bottom: 1em; } */

.theme-obra .nota-izquierda{ margin-top:2em; color: #000;  }
.theme-obra .nota-izquierda p{ font-size: 13px; }
.theme-obra .nota-derecha{ margin-top:2em; color: #000; }

.theme-obra .condiciones-generales p{ font-size: 13px; margin-bottom: .5em; line-height: 1.2em;}

@media all and (max-width: 850px) {
	/* .galeria .mensaje{ height: 80px; width: 80px;  } */
	/* .galeria .mensaje.d25{ font-size:20px; } 
	.galeria .mensaje.d25 small{ font-size: 9px;  margin-bottom:.4em;}
	.galeria .mensaje.ud{ padding-top: .3em;}  */
	/* .pagina .asset-boton{ width: 100%; } */
}
/******************************************************/

/******************************************************/
/* Páginas */
.pagina { margin-bottom: 3em; }
.pagina h1{ margin-bottom: 1em; }
.pagina h2{ margin-bottom: .5em; font-size:20px;}
.pagina p{ margin-bottom: 1em; }
.pagina .aside {font-size:16px;}
.pagina small {font-size:14px; }
/* @media all and (max-width: 850px) {
	.pagina .asset-boton{ width: 100%; }
} */
/******************************************************/

/******************************************************/
/* El Teatro */
/* #post-11 .resaltado a{ color: #000; font-size:22px; font-weight: bold; } */
#post-11 .promo{ margin-top: 3em; }
.page-id-11 .logos-accesibilidad img{ display: inline-block; max-width: 50px; max-height: 50px; }
.page-id-11 #teatro-3d{
	width: 100%;
	height: 60vh;
	margin-bottom: 2em;
}
/******************************************************/



/******************************************************/
/* Grupos */
#post-13 .aside img{ width: 150px; }
/******************************************************/

/******************************************************/
/* Hazte socio */
.page-id-15 .asset-zona-gris .ventajas { display: flex; justify-content: space-between; flex-wrap:wrap;}
.page-id-15 .asset-zona-gris .ventajas span {width: 20%; margin:2em 0;}
.page-id-15 .asset-zona-gris .ventajas span img{width: 100%;}
/* .page-id-15 .asset-zona-gris .ventajas img{width:200px; height: 200px; margin:2em 0;}
@media all and (max-width: 850px) {
	.page-id-15 .asset-zona-gris .ventajas img{width:150px; height: 150px; }
}
@media all and (max-width: 700px) {
	.page-id-15 .asset-zona-gris .ventajas img{width:100px; height: 100px; }
} */
/******************************************************/

/******************************************************/
/* Hazte socio */
.page-id-28 .asset-zona-gris h2{ margin-top: 1em; }
.page-id-28 .asset-zona-gris img{ width: 100%; margin-bottom: 2em; }

/******************************************************/



/******************************************************/
/* Contacto */
#post-17 .aside img{ width: 150px; }
#post-17 #mapa .aside{ max-width: 264px; padding-bottom: 1em; }
#post-17 #mapa .main{ max-width: calc(100% - 304px); padding-bottom: 1em;}

#post-17 #mapa .aside a{ color: #000; }
@media all and (max-width: 850px) {
	#post-17 #mapa { flex-wrap: wrap; flex-direction: column; }
	#post-17 #mapa .aside{ max-width: 100%; width: 100%; order: 2;}
	#post-17 #mapa .main{ max-width: 100%; width: 100%;  order: 1;}
}
/******************************************************/

/******************************************************/
/* 404 */
.error404 #principal{ 
	height: 80vh; display: flex; align-items: center; justify-content: center;
	background-image: url('/wp-content/uploads/2018/08/eventos-1200x540.jpg'); background-repeat:no-repeat; background-size: cover;
}
.error404 #principal h1{ color: #fff; }
/******************************************************/
/******************************************************/
/* Pentación Teatros */
#contenido-pentacion-teatros main h2{ color: #e00025; }
#contenido-pentacion-teatros main img{ max-width: 200px; }
#contenido-pentacion-teatros main .p_logo{ margin-bottom:2em; }
#contenido-pentacion-teatros main .p_logo.p_trv img{ max-width: 250px; }
@media (max-width: 700px){
	#contenido-pentacion-teatros .aside { order: 1; }
	#contenido-pentacion-teatros .main { order: 2; }
}
/******************************************************/


/******************************************************/
/* Programa de mano */
.category-programa-de-mano .obras{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 3em; margin-top: 3em;}
.category-programa-de-mano .obras .obra{  padding: 0 0 60px; width: calc(50% - 15px); }
.category-programa-de-mano .obras .obra .imagen{ position: relative; display: block; margin-bottom: 15px; }
.category-programa-de-mano .obras .obra .imagen img{  width: 100%; height: auto; display: block; }

.category-programa-de-mano .obras .obra .faldon{ display: flex; justify-content: space-between; align-items: flex-start; line-height: 1.9em; }
.category-programa-de-mano .obras .obra .faldon .titulo{ display: block; font-size: 34px; font-weight: bold; line-height: 1em;}
.category-programa-de-mano .obras .obra .faldon .fecha{ display: block; font-size: 22px; line-height: 1.2em; margin-top: .5em; }

@media all and (max-width: 800px) {
	.category-programa-de-mano .obras .obra .imagen .mensaje{ height: 10vw; width: 10vw; }
	.category-programa-de-mano .obras .obra{ width: 100%; }
}
@media all and (max-width: 400px) {
	.category-programa-de-mano .obras .obra .faldon{ flex-direction: column; }
}
/******************************************************/

/******************************************************/
/* Programa de mano - ficha obra */
.theme-obra.pdm{ margin-top: -25px; }
.theme-obra.pdm .cartel img{ max-width: 100%; }
.theme-obra.pdm .informacion{ margin: .5em 0 0; }
.theme-obra.pdm .asset-boton{ white-space: normal; line-height: 1.2em; }
.theme-obra.pdm .grupos{ margin-bottom: 1em; }
/******************************************************/



/******************************************************/
/* Leagles */
.legales h2{ color: #e00025; margin-top: 1em; font-size: 24px; }
.legales h3{ color: #e00025;  }
.legales h4{ color: #e00025; font-weight: normal; margin-top: 1em; }
.legales h5{ margin-top: 1em; }

.legales ol { list-style-position: inside; margin-bottom: 1em; }
.legales ol li { padding-top: .5em; }
.legales ol p{ margin-bottom:0; }
.legales ul { list-style-position: inside; margin-bottom: 1em; list-style-type: disc;}
.legales ul.sin { list-style-position: inside; margin-bottom: 1em; list-style-type: none;}
.legales ul p,

/******************************************************/

/******************************************************/
/* ´Suscribete */
.page-id-2816 #principal{ text-align: center; color: #e00025; font-size: 26px; line-height: 1.1em;}
.page-id-2816 #principal h1,
.page-id-2816 #principal h2{ margin: 1em 0 .3em; font-size: 26px; line-height: 1em; }
.page-id-2816 #principal p{  }
.page-id-2816 #principal ul{ display: flex; justify-content: space-evenly;max-width: 750px; margin: 1em auto;  }
.page-id-2816 #principal ul li{ width: 200px; color: #000; }
.page-id-2816 #principal ul li img{ width: 145px; height: 145px; display: block; margin: .7em auto; }
@media all and (max-width: 500px) {
	.page-id-2816 #principal ul{ flex-direction: column; }
	.page-id-2816 #principal ul li{ width: 100%; padding-bottom: 2em; }
	/* .page-id-2816 #principal ul li img{ margin: 2em auto; } */
}

.page-id-2816 #principal #crmWebToEntityForm{ background-color: #f4f4f4 !important; color: #e00025 !important; font-family: Dosis !important;}
.page-id-2816 #principal #crmWebToEntityForm .zcwf_title{ color: #e00025 !important; font-size:26px; }
.page-id-2816 #principal #crmWebToEntityForm label{ color: #e00025 !important; font-size:26px !important; font-family: Dosis !important; }
.page-id-2816 #principal #crmWebToEntityForm label span{ color: #e00025 !important;  }
.page-id-2816 #principal #crmWebToEntityForm input[type=text],
.page-id-2816 #principal #crmWebToEntityForm input[type=email]{ color: #e00025 !important; font-size:26px !important; border: 1px solid #e00025 !important; border-radius: 5px !important; padding: 5px; width: auto !important; width: 100% !important; font-family: Dosis !important;}
.page-id-2816 #principal #crmWebToEntityForm input.zcwf_button{ background-color: #e00025 !important; font-size:26px !important; border: 1px solid #e00025 !important; border-radius: 5px !important; color: #fff !important; max-width: 500px !important; padding: 10px 20px !important; font-family: Dosis !important;}
.page-id-2816 #principal #crmWebToEntityForm .zcwf_privacy{display: flex; flex-wrap: wrap;}
.page-id-2816 #principal #privacyTool356904000002322001{margin-top: .4em !important; vertical-align: text-top;}
.page-id-2816 #principal #crmWebToEntityForm .zcwf_privacy .vat{width: 20px;}
.page-id-2816 #principal #crmWebToEntityForm .zcwf_privacy_txt{ width:  calc(100% - 40px); }
.page-id-2816 #principal #crmWebToEntityForm .zcwf_privacy_txt,
.page-id-2816 #principal #crmWebToEntityForm .zcwf_privacy_txt div,
.page-id-2816 #principal #crmWebToEntityForm .zcwf_privacy_txt span{ color: #e00025 !important; line-height: 1em !important; text-align: left !important;}
.page-id-2816 #principal #crmWebToEntityForm .zcwf_privacy #privacyErr356904000002322001{ background-color: #000 !important; color: #fff !important; padding: 5px; margin: 1em auto; border-radius: 5px; font-size: 16px !important; }
.page-id-2816 #principal .assets-colabora,
.page-id-2816 #principal .asset-covid{display: none;}
/******************************************************/



/******************************************************/
/* Genial */
.page-id-2827 #principal{ text-align: center; color: #e00025; font-size: 26px; line-height: 1.1em;}
.page-id-2827 #principal h1{ margin: 1em 0 .3em; font-size: 26px; line-height: 1em; }
.page-id-2827 #principal .regalo{ color: #000; }
.page-id-2827 #principal .regalo img{ width: 145px; height: 145px; display: block; margin: 2em auto 0; }
.page-id-2827 #principal .consejo{ font-size: .7em; max-width: 350px; margin: 0 auto; line-height: 1.2em; }
.page-id-2827 #principal .assets-colabora,
.page-id-2827 #principal .asset-covid{display: none;}
/******************************************************/