:root {
	 --colorBandaSuperior: #00a8bb;
	 --colorBandaMenu: #fbb820;
	 --colorBloquesAreas: #bd126c;
	 --colorBlack: #000;
	 --colorAlter4: #c37fad;
	 --colorAlter5: #fbb820;
}
/* botones info/matricula */
 .block.botones .block-content .field--name-body {
	 display: flex;
	 justify-content: space-between;
}
 .block.botones .block-content .info, .block.botones .block-content .matricula {
	 padding: 30px 10px;
	 border-radius: 3px;
	 text-align: center;
	/*width: 49%;
	*/
	 width: 100%;
	 box-sizing: border-box;
}
 .block.botones .block-content .info {
	 background: #ef7c00;
}
 .block.botones .block-content .matricula {
	 background: var(--colorAlter5);
}
 .block.botones .block-content a {
	 text-decoration: none;
	 color: white;
	 font-weight: bold;
	 font-size: 15px;
}
 .block.botones .block-content img {
	 width: 62px;
	 height: auto;
	 color: white;
	 display: block;
	 margin: 0 auto;
	 border: 0 !important;
	 margin-bottom: 15px;
	 filter: invert(1);
}
/* eol boton preinscripcion */
/* bloque cursos invierno-verano */
 .view-header div.invierno-verano ul, .block.estaciones .block-content ul {
	 display: grid;
	 grid-template-columns: repeat(auto-fit, minmax(calc(min(100%, 18rem)), 1fr));
	 grid-auto-flow: dense;
	 gap: 0.5rem;
	 list-style: none;
	 padding: 0;
	 gap: 1rem;
}
 .view-header div.invierno-verano ul li, .block.estaciones .block-content ul li {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex: 1;
	 border-radius: 3px;
	 transition: all 0.4s;
	 padding: 0 10px;
	 margin: 0 !important;
	 height: 65px;
	 box-sizing: border-box;
}
 .view-header div.invierno-verano ul li:before, .block.estaciones .block-content ul li:before {
	 content: none;
}
 .view-header div.invierno-verano ul li:nth-child(odd), .block.estaciones .block-content ul li:nth-child(odd) {
	 background: var(--colorBandaSuperior);
}
 .view-header div.invierno-verano ul li:nth-child(even), .block.estaciones .block-content ul li:nth-child(even) {
	 background: var(--colorBandaMenu);
}
 .view-header div.invierno-verano ul li a, .block.estaciones .block-content ul li a {
	 text-decoration: none;
	 color: white;
	 font-weight: bold;
	 text-transform: uppercase;
	 text-align: center;
}
 .areas-alter .view-content ul {
	 padding: 0;
	 list-style: none;
	 display: grid;
	 grid-template-columns: repeat(auto-fit, minmax(calc(min(100%, 18rem)), 1fr));
	 grid-auto-flow: dense;
	 gap: 0.5rem;
}
 .areas-alter .view-content ul li {
	 background: none;
	 border-radius: 3%;
	 margin: 0 !important;
	 position: relative;
	 height: 70px;
	 box-sizing: border-box;
}
 .areas-alter .view-content ul li:not(:last-child) {
	 margin-right: 10px;
}
 .areas-alter .view-content ul li a {
	 text-decoration: none;
}
 .areas-alter .view-content ul li .views-field {
	 box-sizing: border-box;
	 height: 100%;
	 -webkit-transition: all 0.8s ease;
	 transition: all 0.8s ease;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 -webkit-backface-visibility: hidden;
	 backface-visibility: hidden;
	 border-radius: 3px;
	 overflow: hidden;
	 padding: 12px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 text-align: center;
}
 .areas-alter .view-content ul li .views-field-field-area {
	 background: #e0e0e0;
	 background: var(--colorBloquesAreas);
	 font-size: 14px;
}
 .areas-alter .view-content ul li .views-field-field-area a {
	 color: white;
	 font-size: 1.7rem;
}
 .areas-alter .view-content ul li .views-field-title {
	 background: var(--colorBandaSuperior);
	 -webkit-transform: rotateY(180deg);
	 transform: rotateY(180deg);
}
 .areas-alter .view-content ul li .views-field-title span {
	 color: white;
	 font-size: 53px;
	 position: relative;
	 margin-top: -10px;
	 font-weight: bold;
}
 .areas-alter .view-content ul li .views-field-title span:before {
	 content: "cursos";
	 position: absolute;
	 bottom: -29px;
	 font-size: 13px;
	 left: 50%;
	 transform: translateX(-50%);
}
 .areas-alter .view-content ul li .views-field-title a {
	 color: white;
}
 .areas-alter .view-content ul li:hover .views-field-field-area {
	 -webkit-transform: rotateY(-180deg);
	 transform: rotateY(-180deg);
}
 .areas-alter .view-content ul li:hover .views-field-title {
	 -webkit-transform: rotateY(0);
	 transform: rotateY(0);
}
/* end bloque cursos invierno-verano */
/* listado cursos por estación */
 .view-conteo-cursos-por-areas {
	 margin-top: 1rem;
}
 .view-conteo-cursos-por-areas h1 {
	 text-transform: uppercase;
	 font-weight: 500;
}
 .view-conteo-cursos-por-areas .view-content li {
	 margin: 10px 0 25px !important;
}
 .view-conteo-cursos-por-areas .view-content .views-field-title {
	 font-size: 1.8rem;
}
 .view-conteo-cursos-por-areas .sede a {
	 color: #7e7e7e;
	 font-weight: bold;
}
 .view-conteo-cursos-por-areas .views-field-field-estado-cex {
	 margin-top: 5px;
	 display: flex;
	 align-items: center;
	 font-size: 15px;
	 font-weight: 100;
	 color: #222;
}
 .view-conteo-cursos-por-areas .views-field-field-estado-cex .views-label {
	 margin-right: 5px;
}
 .view-conteo-cursos-por-areas .views-field-field-estado-cex .field-content {
	 background: #e6e6e6;
	 padding: 2px 5px;
	 border-radius: 5px;
}
/* eol listado cursos por estación */
/* ficha ficha dos columnas */
 .page-node-type-ficha-curso .node--type-ficha-curso {
	 display: flex;
	 flex-wrap: wrap;
	 margin: 6rem 0 5rem 0;
}
 .page-node-type-ficha-curso .group-header {
	 width: 100%;
	 margin-bottom: 2rem;
}
 .page-node-type-ficha-curso .group-left {
	 width: 30%;
}
 .page-node-type-ficha-curso .group-left fieldset {
	 margin: 0 0 3rem;
	 padding: 2rem;
	 border-radius: 4px;
	 border-color: #e7e7e7;
}
 .page-node-type-ficha-curso .group-right {
	 flex: 1;
	 border-left: 3px solid #d2d2d2;
	 padding-left: 4rem;
	 margin-left: 4rem;
}
 @media (max-width: 920px) {
	 .page-node-type-ficha-curso .group-left, .page-node-type-ficha-curso .group-right {
		 width: 100%;
		 border-left: 0;
		 padding-left: 0;
		 margin-left: 0;
		 margin-bottom: 2rem;
	}
}
 .page-node-type-ficha-curso .field {
	 margin: 0.5rem 0;
}
 .page-node-type-ficha-curso .field:first-child {
	 margin-top: 0;
}
 .page-node-type-ficha-curso .field:last-child {
	 margin-bottom: 0;
}
 .page-node-type-ficha-curso .field__label, .page-node-type-ficha-curso .field__item {
	 margin-top: 0 !important;
	 margin-bottom: 0;
	 color: black !important;
}
/* eol ficha dos columnas */
/* ficha ficha dos columnas custom*/
 .page-node-type-ficha-curso .node--type-ficha-curso .estado {
	 display: block;
	 margin-top: 3rem;
	 font-weight: 500;
}
 .page-node-type-ficha-curso .node--type-ficha-curso .estado:not(:has(.matricula)) {
	 padding: 0.5rem 2rem;
	 background: #e1e1e1;
	 display: inline-block;
	 text-transform: uppercase;
}
 .page-node-type-ficha-curso .node--type-ficha-curso .estado a.matricula {
	 background: #ff6400;
	 color: white;
	 padding: 1rem 3rem;
	 border-radius: 21px;
	 text-transform: uppercase;
}
 .page-node-type-ficha-curso .node--type-ficha-curso .group-header {
	 display: flex;
	 margin-bottom: 3rem;
	 flex-wrap: wrap;
}
 .page-node-type-ficha-curso .node--type-ficha-curso .group-header .field {
	 padding: 5px 1rem;
	 font-size: 2rem;
}
 .page-node-type-ficha-curso .node--type-ficha-curso .group-header .field--name-field-area {
	 background-color: #7e7e7e;
	 color: white !important;
}
 .page-node-type-ficha-curso .node--type-ficha-curso .group-header .field--name-field-sede {
	 background-color: #00a8bb;
}
 .page-node-type-ficha-curso .node--type-ficha-curso .group-header .field--name-field-sede a {
	 color: white;
}
 .page-node-type-ficha-curso .node--type-ficha-curso .group-left .field--name-field-modalidad {
	 background: #0571b2;
	 display: inline-block;
	 padding: 0.5rem 2rem;
	 text-transform: uppercase;
	 color: white !important;
	 margin-bottom: 2rem;
}
 .page-node-type-ficha-curso .node--type-ficha-curso .group-right h1 {
	 margin-top: 0;
	 display: block;
}
 .page-node-type-ficha-curso .node--type-ficha-curso .group-right .field--name-field-carrusel-fotos-mu {
	 margin: 2rem 0 0;
	 padding: 1.5rem 0;
	 border-top: 1px solid #d2d2d2;
	 border-bottom: 1px solid #d2d2d2;
}
 .page-node-type-ficha-curso .node--type-ficha-curso .group-right > div {
	 width: 100%;
}
 .page-node-type-ficha-curso .node--type-ficha-curso .group-right .field--name-field-colaboradores .field__items {
	 display: flex;
	 gap: 2rem;
	 margin-top: 25px;
	 flex-wrap: wrap;
}
 .page-node-type-ficha-curso .node--type-ficha-curso .group-right .field--name-field-colaboradores .field__items img {
	 display: block;
	 max-height: 100px;
	 width: auto;
}
 .page-node-type-ficha-curso .node--type-ficha-curso .group-right .field--name-field-patrocinadores .field__items {
	 display: flex;
	 gap: 2rem;
	 margin-top: 25px;
}
 .page-node-type-ficha-curso .node--type-ficha-curso .group-right .field--name-field-patrocinadores .field__items img {
	 display: block;
	 max-height: 100px;
	 width: auto;
}
 .page-node-type-ficha-curso .node--type-ficha-curso .group-right .field--name-field-aviso {
	 position: absolute;
	 background: #c64b59;
	 padding: 10px 15px;
	 top: 0;
	 right: 7px;
	 transform: rotate(1deg);
	 border-radius: 13px;
	 box-shadow: 0 2px 10px 0 rgba(31, 31, 31, 0.14);
	 border: 2px solid #79542b 24;
	 max-width: 450px;
	 width: auto;
	 color: white !important;
	 font-weight: 500;
}
 .page-node-type-ficha-curso .node--type-ficha-curso .group-footer {
	 width: 100%;
}
 .group-fechas-curso {
	 width: 100%;
	 display: flex;
	 align-items: center;
	 margin-top: 1rem;
}
 .group-fechas-curso .field--name-field-fecha-evento-inicio {
	 padding: 0 !important;
	 font-size: 1.8rem;
	 color: gray;
}
 .group-fechas-curso .field--name-field-fecha-evento-inicio:before {
	 content: "Del ";
}
 .group-fechas-curso .field--name-field-fecha-evento-final {
	 padding: 0 !important;
	 font-size: 1.8rem;
	 color: gray;
	 margin-left: 0.5rem;
}
 .group-fechas-curso .field--name-field-fecha-evento-final:before {
	 content: " al ";
}
/* eol ficha dos columnas custom */
/* banda patrocinadores */
 .reg-banda-inferior {
	 width: 100%;
	 background: #f3f3f3;
	 margin: 0;
}
 .reg-banda-inferior .fila-imagenes {
	 padding: 3rem 0;
}
/* eol banda patrocinadores */
/* bloque de cursos por sede */
 .block.cursos-por-sede {
	 background: #f6f6f6;
	 padding: 2rem;
}
 .block.cursos-por-sede ul {
	 padding: 0 !important;
	 max-height: 340px;
	 overflow-y: auto;
}
/* eol bloque de cursos por sede */
/* bloque sedes */
 .view-slide-sedes {
	 display: flex;
	 margin-top: 2rem;
}
 .view-slide-sedes .bloque-icono {
	 height: 100%;
	 background: #d59d15;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 color: white;
	 font-size: 2rem;
}
 .view-slide-sedes .view-header {
	 background: #726558;
	 flex: 1;
}
 .view-slide-sedes .view-footer {
	 flex: 1;
}
 .view-slide-sedes .view-footer .bloque-imagen {
	 width: 100%;
	 height: 100%;
}
 .view-slide-sedes .view-footer .bloque-imagen .imagen {
	 position: relative;
	 height: 100%;
}
 .view-slide-sedes .view-footer .bloque-imagen .imagen:after {
	 background-color: rgba(114, 101, 88, 0.5);
	 content: '';
	 width: 100%;
	 text-align: center;
	 vertical-align: middle;
	 height: 100%;
	 position: absolute;
	 right: 0;
	 top: 0;
}
 .view-slide-sedes .view-footer .bloque-imagen .imagen img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 height: 100%;
	 display: block;
}
 .view-slide-sedes .view-content {
	 flex: 2;
	 margin: 0;
	 padding: 10px 5px 10px 5px !important;
	 box-sizing: border-box;
	 columns: 3;
	 background: #e1e1e1;
	 align-content: center;
}
 .view-slide-sedes .view-content .views-row {
	 padding: 2px 0;
	 width: 100%;
	 text-align: center;
	 list-style: none;
	/*&:hover img{
		 z-index: 200;
		 display:initial;
	}
	*/
}
 .view-slide-sedes .view-content .views-row a {
	 color: black;
	 text-decoration: none;
}
 .view-slide-sedes .view-content .views-row a:hover {
	 text-decoration: underline;
}
 .view-slide-sedes .view-content .views-row img {
	 width: 240px;
	 height: 230px;
	 float: right;
	 position: absolute;
	 top: 0;
	 right: 0;
	 display: none;
}
/* eol bloque sedes */