/*!
Theme Name: Divi
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 4.24.2
Description: Divi Child Theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template:       Divi
Version:        1.0.0
*/

@font-face {
	font-family: 'basier_square_monoregular';
	src: url('fonts/basiersquaremono-regular-webfont-webfont.woff2') format('woff2'), url('fonts/basiersquaremono-regular-webfont-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'basier_squarebold';
	src: url('fonts/basier_square_bold-webfont.woff2') format('woff2'), url('fonts/basier_square_bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'basier_squareregular';
	src: url('fonts/basier_square_regular-webfont.woff2') format('woff2'), url('fonts/basier_square_regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'basier_squaremedium';
	src: url('fonts/basier_square_medium-webfont.woff2') format('woff2'), url('fonts/basier_square_medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'basier_squaresemibold';
	src: url('fonts/basiersquare-semibold-webfont.woff2') format('woff2'), url('fonts/basiersquare-semibold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'basier_square_monosemibold';
	src: url('fonts/basiersquaremono-semibold-webfont.woff2') format('woff2'), url('fonts/basiersquaremono-semibold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'basier_square_monomedium';
	src: url('fonts/basiersquaremono-medium-webfont.woff2') format('woff2'), url('fonts/basiersquaremono-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

:root {
	--white: #fff;
	/* color white */
	--white-rgb: 255, 255, 255;
	/* color white */
	--neutral-10: #dddddd;
	/* color neutral 10 */
	--neutral-20: #C0BFBD;
	/* color neutral 20 */
	--neutral-40: #999999;
	/* color neutral 40 */
	--neutral-80: #333333;
	/* color neutral 80 */
	--black: #010101;
	/* color black Rippa */
	--black-rgb: 22, 22, 22;
	/* color black RGB Rippa Dorii */
	--bg: #FFFFFF;
	/* color fondo página */
	--bg-rgb: 233, 237, 238;
	/* color fondo RGB */
	--main: #100118;
	/* color principal */
	--secondary: #8540ff;
	/* color secundario/ hover */
	--secondary-light: #eae1ff;
	/* color secundario/ matiz para fondos claros */
	--error: #e04747;
	/* color errores en formulario */
	--ayuda: #76a74f;
	/* color ayuda solicitada en formulario */
	--typo-primary: 'basier_squaremedium';
	/* tipografía del site */
	--typo-secondary: 'basier_square_monoregular';
	/* tipografía para detalles */
	--typo-secondary-medium: 'basier_square_monomedium';
	/* tipografía para detalles */
	--typo-primary-regular: 'basier_squareregular';
	/* tipografía del site */
	--typo-primary-semibold: 'basier_squaresemibold';
	/* tipografía del site */
	--transition: all 0.3s ease-in-out;
	/* transición corta de elementos tipo button, enlaces, velos etc */
	--transition-1: all 0.7s ease-in-out;
	/* transición larga de elementos tipo button, enlaces, velos etc */
	--shadow-shoft: 0px 8px 16px 0px rgba(var(--black-rgb), 0.05);
}


/* =Theme customization starts here
------------------------------------------------------- */
@media only screen and (max-width:1200px) {
#top-menu-nav {
	display:none;
}
#et_mobile_nav_menu{
	display:block;
}
}
.mobile_menu_bar::before, .mobile_menu_bar::after, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a {
	color: var(--white);
  }
.et_mobile_menu {
	border: 3px solid var(--secondary);}

#main-header {
	background-color: #100118;
}
.et_mobile_menu li a {

	font-family: var(--typo-secondary);
  }
.et_fullwidth_nav #main-header .container {
	width: 90%;
	max-width: 100%;
	padding-right: 0;
	padding-left: 0;
	height: 80px;
}

#et-top-navigation {
	padding-top: 37px !important;
}

#top-menu li.lang-item-es {
	padding: 0px 10px 0px 40px !important;
	border-right: 1px solid var(--white);
}

#top-menu li.lang-item-en {
	padding: 0px 10px 0px 10px !important;
	border-right: 1px solid var(--white);
}

#top-menu li.lang-item-fr {
	padding: 0px 10px 0px 10px !important;
}

#top-menu-nav> ul> li> a {
	padding-bottom: 3px !important;
}

.caja::after {
	content: url("https://ingenieriaprocon.jig.es/wp-content/uploads/2025/06/Sobrante.svg");
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	background: #eee;
	clip-path: polygon(0 0, 100% 0, 0 100%);
	border-top-right-radius: 24px;
}

.contenido-white .et_pb_button[data-icon]:not([data-icon=""])::after {
	content: url("https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/flecha-boton-white.svg") !important;
	padding-left: 4px;
	width: 13px;
	height: 13px;
}

.contenido-white .et_pb_button[data-icon]:not([data-icon=""]):hover::after {
	content: url("https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/flecha-boton-dark.svg") !important;
}

.contenido-dark .et_pb_button[data-icon]:not([data-icon=""])::after {
	content: url("https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/flecha-boton-dark.svg") !important;
	padding-left: 4px;
	width: 13px;
	height: 13px;
}

.contenido-dark .et_pb_button[data-icon]:not([data-icon=""])::before {
	content: url("https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/flecha-boton-dark.svg") !important;
	padding-left: 4px;
	width: 13px;
	height: 13px;
	transform: rotate(180deg);
	top: 20px;
}

.ficha-dos-imagenes img{
	max-height: 540px;
	height: 100%;
  object-fit: cover;
  width: 100% !important;
}
.ficha-dos-imagenes .et_pb_image {
	height: 100%;
	margin: 0;
	width: 100%;
}

.ficha-dos-imagenes .et_pb_image_wrap  {
	height: 100%;
	width: 100%;
}
.ficha-dos-imagenes {
	height: 100%;
}
.contenido-dark .et_pb_button[data-icon]:not([data-icon=""]):hover::after {
	content: url("https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/flecha-boton-white.svg") !important;
}

.Banner-principal h1 {
	font-family: var(--typo-primary);
	font-weight: 600;
	font-size: 56px;
	line-height: 64px;
	color: var(--white)
}

.Banner-principal p {
	font-family: var(--typo-secondary);
	font-weight: 400;
	font-size: 24px;
	line-height: 140%;
	color: var(--white);
	max-width: 900px;
}

@media only screen and (max-width:480px) {
	.dsm_card_carousel_0.dsm_card_carousel .swiper-container {
		padding-top: 0px !important;
		padding-right: 0px !important;
		padding-bottom: 20px;
		padding-left: 0px !important;
		margin-bottom: 0px !important;
	}
	.carrusel-años .swiper-button-prev {
		left: 80% !important;
	}
}

@media only screen and (max-width:1300px) {
	.Banner-principal .caja-texto {
		max-width: 690px !important;
	}
}

@media only screen and (max-width:980px) {
	.Banner-principal h1 {
		font-size: 32px;
		line-height: 32px;
	}
	.Banner-principal p {
		font-size: 18px;
	}
	.contenido-white h2 {
		font-size: 24px !important;
	}
	.contenido-ficha-white h2 {
		font-size: 24px !important;
	}
	.contenido-dark h2 {
		font-size: 24px !important;
	}
	.contenido-ficha-dark h2 {
		font-size: 24px !important;
	}
	.Banner-principal {
		display: flex;
		align-items: start !important;
	}
	.carrusel-servicios .swiper-button-prev {
		position: absolute;
		top: 20px !important;
		left: 75% !important;
		content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/izq.svg);
		width: 16px;
	}
	.carrusel-servicios .et_pb_module_inner {
		display: unset !important;
		flex-direction: unset;
		justify-content: unset;
		padding: 0px;
	}
	.dsm_card_carousel_0.dsm_card_carousel .swiper-container {
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 20px;
		padding-left: 0px;
		margin-bottom: 0px !important;
	}
}

.Banner-principal .caja-texto {
	max-width: 1000px;
	border: 0.5px solid var(--white);
	border-radius: 8px;
	backdrop-filter: blur(10px);
	padding: 30px;
	display: flex;
	justify-content: baseline;
	margin: 20px 40px;
}

.Banner-principal {
	display: flex;
	align-items: end;
}

.footer .logo-footer img {
	width: 100% !important;
}

.footer .footer-menu {
	background-color: transparent !important;
}
.footer .footer-menu ul{
	display: flex;
  flex-direction: column;
  max-height: 260px;
}

.footer .footer-menu li a {
	font-family: var(--typo-primary-regular) !important;
	font-size: 24px;
	color: var(--main);
	padding: 20px 0px !important;
	letter-spacing: -0.5%;
}

.footer .footer-menu li {
	width: 100%;
	border-top: 1px solid var(--main);
	padding: 0px !important;
	margin: 0px !important;
	margin-right: 20px !important;
	display: flex;
}

.footer .footer-menu li:last-child {
	border-bottom: 1px solid var(--main);
}

.footer .footer-menu li:nth-child(4n) {
	border-bottom: 1px solid var(--main);
}

.footer .footer-menu .et_pb_menu__menu{
	width: 100%;
}

@media only screen and (max-width:480px) {
	.footer .footer-menu li {
		flex-basis: auto !important;
	}
	.footer .footer-menu ul{
		display: unset;
	  flex-direction: unset;
	  max-height: unset;
	}
	.footer .footer-menu li:nth-child(4n) {
		border-bottom: 0px solid var(--main);
	}
}

.footer .et_pb_menu__menu {
	display: inline;
}

.footer .et_mobile_nav_menu {
	display: none;
}

.footer .et_pb_menu .et-menu {
	margin-left: 0px;
	margin-right: 0px;
}

#top-menu a {
	color: var(--white) ;
	font-family: var(--typo-primary-regular);
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.5%;
	line-height: 120%;
}
.nav ul li a:hover {
	background-color: rgba(0,0,0,.03);
	opacity: 1;
	color:var(--secondary) !important
  }

.contenido-white h2 {
	font-family: var(--typo-primary-semibold) !important;
	font-size: 40px;
	color: var(--white);
	line-height: 140% !important;
}

.contenido-ficha-white h2 {
	font-family: var(--typo-primary-semibold) !important;
	font-size: 40px;
	color: var(--white);
	line-height: 140% !important;
}

.contenido-white p {
	font-family: var(--typo-secondary);
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: var(--white);
}

.contenido-ficha-white p {
	font-family: var(--typo-secondary);
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: var(--white);
}

.contenido-white h3 {
	font-family: var(--typo-primary-semibold) !important;
	font-size: 24px;
	color: var(--white);
	line-height: 140% !important;
	letter-spacing: -0.15%;
}

.contenido-white-nosotros h3 {
	font-family: var(--typo-primary-semibold) !important;
	font-size: 24px;
	color: var(--white);
	line-height: 140% !important;
	letter-spacing: -0.15%;
}

.contenido-white-nosotros p {
	font-family: var(--typo-secondary);
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;
	color: rgba(255, 255, 255, 0.6);
}

.certificado {
	font-family: var(--typo-secondary);
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: var(--main);
	padding: 20px 30px;
	margin: 0px !important;
}

.certificado::before {
	content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/check_box.svg);
	position: absolute;
	left: 0px;
}

.CTA {
	background-size: auto !important;
}

.contenido-dark h2 {
	font-family: var(--typo-primary-semibold) !important;
	font-size: 40px;
	color: var(--main) !important;
	line-height: 140% !important;
	letter-spacing: -0.15%;
}

.contenido-ficha-dark h2 {
	font-family: var(--typo-primary-semibold) !important;
	font-size: 40px;
	color: var(--main) !important;
	line-height: 140% !important;
	letter-spacing: -0.15%;
}

.contenido-dark h3 {
	font-family: var(--typo-primary-semibold) !important;
	font-size: 24px;
	color: var(--main) !important;
	line-height: 140% !important;
	letter-spacing: -0.15%;
}

.contenido-ficha-dark h3 {
	font-family: var(--typo-primary-semibold) !important;
	font-size: 24px;
	color: var(--main) !important;
	line-height: 140% !important;
	letter-spacing: -0.15%;
}

.contenido-dark p {
	font-family: var(--typo-secondary);
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: var(--main) !important;
}

.contenido-dark .desplegable-bloque p {
	font-family: var(--typo-primary);
	font-size: 16px;
	line-height: 140%;
	color: var(--main) !important;
	letter-spacing: -0.5%;
}

ul {
	padding-top: 6px !important;
}

.contenido-ficha-white b {
	font-family: var(--typo-primary);
	font-size: 16px;
	line-height: 140%;
	color: var(--white) !important;
	letter-spacing: -0.5%;
	padding-bottom: 6px;
	font-weight: normal;
}

.entrada-proyectos h2 {
	font-size: 48px;
	font-family: var(--typo-primary-semibold);
	font-weight: normal;
	letter-spacing: -0.15%;
}

.contenido-proyectos h2 {
	font-size: 40px;
	font-family: var(--typo-primary-semibold);
	font-weight: normal;
	letter-spacing: -0.15%;
	padding-bottom: 20px;
}

.contenido-proyectos p {
	font-size: 18px;
	font-family: var(--typo-secondary);
	font-weight: normal;
	letter-spacing: -0.5%;
	line-height: 25.2px;
	color:var(--main)
}

.proyecto-destacado h2 {
	font-size: 32px;
	font-family: var(--typo-primary-semibold);
	font-weight: normal;
}

.proyecto-destacado .summary {
	display: none
}

.contenido-ficha-dark b {
	font-family: var(--typo-primary);
	font-size: 16px;
	line-height: 140%;
	color: var(--main) !important;
	letter-spacing: -0.5%;
	padding-bottom: 6px;
	font-weight: normal;
}

.contenido-ficha-dark p {
	font-family: var(--typo-secondary);
	font-size: 16px;
	line-height: 140%;
	color: var(--main) !important;
}

.contenido-ficha-white p {
	font-family: var(--typo-secondary);
	font-size: 16px;
	line-height: 140%;
	color: var(--white) !important;
}

.paises h4 {
	font-family: var(--typo-secondary);
	font-size: 16px !important;
	letter-spacing: -0.5px !important;
}

.paises .et_pb_row{
	display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.imagen-ficha .et_pb_image .et_pb_image_wrap {
	width: 100% !important;
  }

.imagen-ficha{
	max-height: 640px !important;

}

  .imagen-ficha .et_pb_image  {
	width: 100% !important;

  }
  .imagen-ficha .et_pb_image img  {
	width: 100% !important;
	object-fit: cover;
  }


.paises p {
	font-family: var(--typo-secondary);
	font-weight: 400;
	font-size: 18px !important;
	letter-spacing: -0.5px !important;
}

.paises #blurb p {
	font-family: var(--typo-secondary);
	font-weight: 400;
	font-size: 16px !important;
	letter-spacing: -0.5% !important;
	color: var(--main);
}

.paises .et_pb_gutters3 .et_pb_column_1_2,
.et_pb_gutters3.et_pb_row .et_pb_column_1_2 {
	width: 46.5% !important;
}

.et_pb_row {
	max-width: 100% !important;
}

.paises .et_pb_image_wrap {
	width: 100%;
}

.paises .et_pb_image_wrap img {
	width: 100% !important;
}

.sedes .et_pb_blurb_content{
	max-width: 100% !important;
}


@media only screen and (max-width:980px) {
	.paises .et_pb_gutters3 .et_pb_column_1_2,
	.et_pb_gutters3.et_pb_row .et_pb_column_1_2 {
		width: 100% !important;
	}
	.proyectos {
		flex-wrap: wrap;
	}
	.proyectos-destacados .et_pb_blurb_content {
		max-width: 100% !important;
		;
	}
	.proyecto1:hover {
		width: 100% !important;
		transition: all 0.3s;
	}
	.proyecto2:hover {
		width: 100% !important;
		transition: all 0.3s;
	}
	.proyecto3:hover {
		width: 100% !important;
		transition: all 0.3s;
	}
}

@media screen and (max-width:480px) {
	.sectores img {
		height: auto !important;
		object-fit: cover;
	}
	.carrusel-años.dsm_card_carousel_0.dsm_card_carousel .swiper-container {
		min-height: auto !important;
		margin: 0px !important;
	}
	.carrusel-años .dsm_card_carousel_child_description {
		display: block !important;
	}
	.proyectos-destacados .summary {
		display: block !important;
	}
}

@media only screen and (max-width:1100px) {
	.carrusel-servicios .dsm-grid-post-holder-inner {
		display: unset !important;
		flex-direction: unset !important;
		justify-content: space-between;
		padding: 20px;
	}
	.carrusel-servicios .dsm-entry-wrapper {
		width: 100% !important;
	}
	.dsm_post_carousel .dsm-entry-image {
		width: 100% !important;
	}
	.sectores .et_pb_image_wrap {
		height: auto !important;
	}
}



.paises #blurb:hover .pais::before {
	content: "";
	background-image: url("https://ingenieriaprocon.jig.es/wp-content/uploads/2025/06/flecha.svg");
	background-repeat: no-repeat;
	padding: 20px 10px;
	position: absolute;
	top: 10px;
	left: 0px;
	transition: all 0.3s;
}

.paises #blurb:hover .et_pb_blurb_position_left .et_pb_blurb_container {
	transition: all 0.3s;
	padding-left: 20px;
	font-weight: 600 !important;
}

.paises #blurb:hover .et_pb_blurb_position_left .et_pb_blurb_container h4 {
	font-family: var(--typo-secondary-medium);
}

.paises .et_pb_blurb_position_left .et_pb_blurb_container {
	padding-left: 0px;
	transition: all 0.3s;
}

.paises #blurb .pais:focus {
	background-image: url("https://ingenieriaprocon.jig.es/wp-content/uploads/2025/06/flecha.svg");
	background-repeat: no-repeat;
	padding: 20px 10px;
	position: absolute;
	top: 10px;
	left: -10px;
}

#blurb .et_pb_column {
	display: flex;
	align-items: center;
}

#blurb {
	margin-bottom: 0px !important;
	padding: 8PX 0PX !important;
	margin-top: 0px !important;
}

.deslizador h2 {
	text-shadow: none !important;
}

.deslizador p {
	text-shadow: none !important;
}

.carrusel-servicios h4 {
	font-size: 32px;
	font-family: var(--typo-primary-semibold) !important;
}

.carrusel-servicios .swiper-button-next {
	position: absolute;
	top: 20px !important;
	right: 2% !important;
	content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/dcha.svg);
	width: 16px;
}

.carrusel-servicios .swiper-button-prev {
	position: absolute;
	top: 20px !important;
	left: 94% !important;
	content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/izq.svg);
	width: 16px;
}

.carrusel-años .swiper-button-next {
	position: absolute;
	top: 20px !important;
	right: 1% !important;
	content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/dcha.svg);
	width: 16px;
}

.carrusel-años .swiper-button-prev {
	position: absolute;
	top: 20px !important;
	left: 95% !important;
	content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/izq.svg);
	width: 16px;
}

.carrusel-años h4 {
	font-size: 24px !important
}

.carrusel-años figure {
	padding-top: 50px
}

.carrusel-proyectos .swiper-button-next {
	position: absolute;
	top: -10px !important;
	right: 0% !important;
	content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/dcha.svg);
	width: 16px;
}

.carrusel-proyectos .swiper-button-prev {
	position: absolute;
	top: -10px !important;
	left: 95% !important;
	content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/izq.svg);
	width: 16px;
}

.carrusel-proyectos .dsm-grid-post-holder-inner {
	padding: 0px !important;
}

.carrusel-servicios .et_pb_module_inner {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	padding: 0px;
	gap: 40px
}

.carrusel-proyectos .dsm-entry-wrapper {}

.carrusel-proyectos img {
	width: 100%;
	height: 100% !important;
	object-fit: cover !important;
	opacity: 0.6;
	transition: all 0.3s;
}

.carrusel-proyectos .dsm-entry-thumbnail:hover img {
	transition: all 0.3s;
	opacity: 1;
}

.carrusel-proyectos article {
	padding: 20px !important;
	border-radius: 8px;
	transition: all 0.3s;
}

.carrusel-servicios .card {
	padding: 20px !important;
	border-radius: 8px;
	transition: all 0.3s;
	background-color: white;
}

.carrusel-proyectos .dsm-post-carousel-wrapper {
	padding: 20px;
	display: flex;
}

.carrusel-proyectos article:hover {
	transform: scale(1.01);
	transition: all 0.3s;
	width: 40% !important;
}

.proyectos-destacados .project:first-child .summary {
	display: block !important;
	max-width: 600px;
}

.proyectos-destacados .project:first-child img {
	opacity: 1 !important;
	width: 100%;
}

.proyectos-destacados h2 {
	font-size: 24px;
	font-family: var(--typo-primary-semibold) !important;
	letter-spacing: -0.15%;
}

.proyectos-destacados .et_pb_portfolio_grid_items {
	display: flex;
	flex-wrap: nowrap;
}

.proyectos-destacados .project {
	width: calc(100%/4 - 20px) !important;
	transition: all 0.3s;
	margin-right: 3% !important;
}

.proyectos-destacados .project:first-child {
	transition: all 0.3s;
	width: 40% !important;
}



.proyectos-destacados:hover .project:first-child:not(:hover) {
	transition: all 0.3s;
	width: calc(100%/3 - 20px) !important;
}

.proyectos-destacados:hover .project:first-child:not(:hover) .summary {
	display: none !important;
}

.proyectos-destacados:hover .project:not(.project:first-child):hover {
	transition: all 0.3s;
	width: 40% !important;
}

.carrusel-servicios .card:hover {
	transform: scale(1.01);
	transition: all 0.3s;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.sectores .et_pb_text_inner{
font-family: var(--typo-primary-semibold);
font-size:24px;
font-weight: normal;
letter-spacing: -0.15%;
}

.sectores .et_pb_column:hover {
	transform: scale(1.04);
	transition: all 0.3s;
}
.sectores .et_pb_column:hover img{
	filter: none;
}

.sectores .et_pb_column {
	transition: all 0.3s;
}

.sectores .et_pb_column img {
	transition: all 0.3s;
	-webkit-filter: brightness(.7);
	filter: brightness(.7);
height: 200px;
	object-fit: cover;
}

.carrusel-proyectos .dsm_post_carousel .dsm-entry-image {
	width: 50%;
}

.carrusel-servicios .dsm_post_carousel .dsm-entry-image {
	width: 50%;
}

.carrusel-proyectos .dsm-entry-thumbnail::after {
	content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/06/bottom-right-blanco.svg);
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.carrusel-proyectos .dsm-entry-thumbnail {
	height: auto !important;
}

.dsm-posted-on {
	display: none
}

.dsm-meta-seperator {
	display: none;
}

.dsm-posted-category a {
	color: var(--secondary) !important;
	background-color: rgba(133, 64, 255, 0.2);
	font-size: 12px;
	border-radius: 4px;
	padding: 2px 10px;
}

.carrusel-servicios .card:hover figure::before {
	content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/06/flecha-sectores.svg);
	z-index: 99;
	transform: translateX(10px);
	transition: all 0.3s;
	opacity: 1;
}

.carrusel-servicios .card figure::before {
	content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/06/flecha-sectores.svg);
	opacity: 0;
	transition: all 0.3s;
	transform: translateX(0px);
	right: 20px;
	bottom: 10px;
	position: absolute;
}

.carrusel-servicios figure::after {
	content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/06/bottom-right-blanco.svg);
	position: absolute;
	bottom: 0px;
	right: 0px
}

.carrusel-servicios figure {
	width: 60%;
}

.carrusel-servicios .dsm_card_wrapper {
	width: 40%;
}

.pagination {
	display: flex;
	justify-content: right;
	width: 97%;
}

.pagination .alignleft a {
	display: block;
	width: 16px;
	height: 60px;
	background-image: url('https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/dcha.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	position: absolute;
	margin-left: 27px;
	margin-top: 20px;
}

.pagination .alignright a {
	display: block;
	width: 16px;
	height: 60px;
	background-image: url('https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/izq.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	position: absolute;
	margin-left: -20px;
	margin-top: 20px;
}

.pagination {
	clear: both;
	position: absolute;
	top: -70px;
}

.carrusel-años figure::after {
	content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/06/bottom-right-blanco.svg);
	position: absolute;
	bottom: 0px;
	right: 0px
}

.carrusel-años .dsm_card_carousel_child:hover {
	transition: all 0.3s;
	width: 38% !important;
}

.carrusel-años .dsm_card_carousel_child:hover .dsm_card_carousel_child_description {
	display: block !important;
}

.carrusel-años .dsm_card_carousel_child {
	transition: all 0.3s;
}

.carrusel-años .dsm_card_carousel_child_description {
	display: none;
}

.sectores .et_pb_blurb_container {
	margin-top: -70px;
	padding: 0px 20px;
}

.sectores .et_pb_text {
	padding: 20px;
	margin-top: -120px;
}

.proyectos {
	display: flex;
}

.proyectos-destacados img {
	opacity: 0.7 !important;
	transition: all 0.3s;
	width: 100%;
}

.proyectos-destacados .summary {
	display: none;
}

.proyectos-destacados .project:hover .summary {
	display: block !important;
	max-width: 520px;
}

.proyectos-destacados .et_pb_column .project:hover img {
	opacity: 1 !important;
	transition: all 0.3s;
}

.proyectos-todos img {
	opacity: 0.7 !important;
	transition: all 0.3s;
}

.proyectos-todos .et_pb_portfolio_item:hover img {
	opacity: 1 !important;
	transition: all 0.3s;
}

.contacto h2 {
	font-size: 48px;
	font-family: var(--typo-primary-semibold);
	color:var(--main)
}

.proyectos-todos .et_pb_portfolio_item:hover {
	opacity: 1 !important;
	transition: all 0.3s;
	transform: scale(1.03);
}

.proyectos-todos .et_pb_portfolio_item {
	transition: all 0.3s;
}

.tab {
	background-color: rgba(133, 64, 255, 0.2);
	font-size: 12px;
	border-radius: 4px;
	padding: 2px 10px;
	text-align: center !important;
	max-width: 110px;
}

.post-meta a {
	background-color: rgba(133, 64, 255, 0.2);
	font-size: 12px;
	border-radius: 4px;
	padding: 2px 10px;
	text-align: center !important;
	max-width: 110px;
	color: var(--secondary) !important;
}

.proyectos-todos .post-meta a {
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 12px;
	border-radius: 4px;
	padding: 2px 10px;
	text-align: center !important;
	max-width: 240px;
	color: var(--main) !important;
	font-family: var(--typo-primary);
}

.proyectos-todos .post-meta {
	position: absolute;
	top: 0px;
	left: 10px;
}

.proyectos-todos li a {
	background-color: transparent !important;
	border: 0px !important;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: currentcolor;
	padding: 0px 0px 4px 0px !important;
	margin: 0px 10px !important;
	border-radius: 0px !important;
}

.proyectos-todos li {
	border-right: 1px solid white !important;
}

.proyectos-todos li a:hover {
	border-bottom: 1px solid var(--white) !important;
}

.proyectos-todos li a.active {
	border-bottom: 1px solid var(--white) !important;
}

.ultimo-proyecto img {
	width: 100% !important;
	width: 100% !important;
  max-height: 640px;
  object-fit: cover;
}

.proyectos-todos ul {
	float: right;
}

.proyectos-todos li:last-child {
	border-right: 0px !important;
}

.swiper-wrapper {
	position: relative;
	width: 100% !important;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}

.proyectos-destacados article {
	width: 100% !important;
}

.proyectos-destacados .et_portfolio_image:after {
	content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/06/bottom-right-blanco.svg);
	position: absolute;
	bottom: -8px;
	right: 0px
}

.proyectos-destacados.violeta .et_portfolio_image:after {
	content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/esquina-violeta.svg);
	position: absolute;
	bottom: -8px;
	right: 0px
}

.ultimo-proyecto .et_portfolio_image:after {
	content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/white-top-right.svg);
	position: absolute;
	top: 0px;
	right: 0px
}

.ultimo-proyecto .et_portfolio_image {
	max-height: 700px;
	display: flex;
	align-items: center;
}

.proyectos-todos .et_portfolio_image:after {
	content: none !important;
	position: absolute;
	bottom: -8px;
	right: 0px
}

.proyectos-destacados .dsm-entry-thumbnail {
	height: auto !important
}

.desplegable {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
	font-family: var(--typo-secondary);
	justify-content: space-between;
}

.desplegable-bloque {
	border-top: 1px solid var(--main);
	width: 100%;
	padding: 20px 0px;
	flex-basis: 26rem;
	flex-grow: 1;
}

.desplegable-bloque li {
	font-size: 16px;
	font-family: var(--typo-secondary);
	color: var(--main) !important;
}

.desplegable-bloque-white li {
	font-size: 16px;
	font-family: var(--typo-secondary);
	color: var(--white) !important;
}

.desplegable-bloque-white {
	border-top: 1px solid var(--white);
	width: 100%;
	padding: 20px 0px;
	flex-basis: 36rem;
	flex-grow: 1;
}

.cabecera-desplegable {
	margin-bottom: 40px;
	max-width: 500px;
}

.relacionados article {
	width: calc(100%/4 - 20px) !important;
}

.relacionados h3 {
	font-family: var(--typo-primary-semibold);
	font-size: 24px;
	letter-spacing: -0.15%;
}

.relacionados h2 {
	font-family: var(--typo-primary-semibold) !important;
	font-size: 22px !important;
	letter-spacing: -0.15%;
	margin-top: 20px !important;
}

.relacionados .project:hover .et_portfolio_image {
	transform: scale(1.03);
	transition: all 0.3s;
}

.relacionados .project .et_portfolio_image {
	transition: all 0.3s;
}

.relacionados .project {
	padding: 0px 4px;
}

@media only screen and (max-width: 480px) {
	.relacionados article .dsm-entry-image {
		height: 160px;
	}
}

@media only screen and (max-width: 680px) {
	.proyectos-destacados .et_pb_portfolio_grid_items {
		display: flex;
		flex-wrap: wrap !important;
	}
	.proyectos-destacados .project {
		width: 100% !important;
	}
	.proyectos-destacados .project:hover {
		width: 100% !important;
	}
	.proyectos-destacados:hover .project:first-child:not(:hover) {
		width: 100% !important;
	}
	.proyectos-destacados:hover .project:not(.project:first-child):hover {
		transition: all 0.3s;
		width: 100% !important;
	}
	.proyectos-destacados:hover .project:first-child:not(:hover) .summary {
		display: block !important;
	}
	.proyectos-destacados .project .summary {
		display: block !important
	}
	.proyectos-destacados .project:first-child {
		width: 100% !important;
	}
	.proyectos-destacados .project:hover {
		transition: all 0.3s;
		width: 100% !important;
	}
}

@media only screen and (max-width:980px) {
	.relacionados article {
		width: calc(100%/2 - 20px) !important;
	}
	.carrusel-servicios figure {
		width: 100%;
	}
	.carrusel-servicios .dsm_card_wrapper {
		width: 100%;
	}
}

.Cabecera-seccion .et_pb_image::after {
	content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/07/Sobrante_p.svg);
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.Cabecera-seccion.white .et_pb_image::after {
	content: url(https://ingenieriaprocon.jig.es/wp-content/uploads/2025/06/bottom-right-blanco.svg);
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.Cabecera-seccion img {
	height: 480px;
	object-fit: cover;
}

.Cabecera-seccion .et-last-child {
	width: 100% !important
}

.sedes .imagen .et_pb_blurb_description {
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 12px;
	border-radius: 4px;
	padding: 2px 10px;
	text-align: center !important;
	color: var(--main) !important;
	font-family: var(--typo-primary-regular) !important;
	display: inline;
	position: absolute;
	top: 10px;
	left: 10px;
}

.sedes .imagen.central .et_pb_blurb_description {
	background-color: var(--secondary);
	font-size: 12px;
	border-radius: 4px;
	padding: 2px 10px;
	text-align: center !important;
	color: white !important;
	font-family: var(--typo-primary-regular) !important;
	display: table;
	position: initial;
	top: 10px;
	left: 10px;
}

.sedes .imagen h4 {
	font-family: var(--typo-primary) !important;
	font-weight: 600;
}

.sedes .info {
	font-family: var(--typo-secondary) !important;
	font-size: 16px !important;
	color: var(--main)
}

.sedes .et_pb_blurb_description {
	font-family: var(--typo-secondary) !important;
	font-size: 16px;
}

.sedes .et_pb_image_wrap {
	max-height: 400px;
	display: flex;
	align-items: center;
}


/* ============================================ open: FORMULARIO DE CONTACTO ============================================ */

.aviso-obligatorio {
	padding: 0px;
	border: 0 !important;
}

.aviso-obligatorio p {
	font-size: 12px;
	color: var(--secondary) !important;
	text-align: right;
}

.encabezado_noticias p {
	font-size: 17px;
	font-family: var(--typo-secondary);
	width: 210px;
	font-weight: 400;
}

.formulario-contacto form .contacto-input-wrapper,
.formulario-contacto form .block-options-check {
	width: 100%;
	margin-bottom: 0px;
	border-bottom: 0.5px solid var(--neutral-80)
}

.formulario-contacto form .contacto-input-wrapper p,
.formulario-contacto form .contacto-capa-acceptance-submit p {
	display: flex;
	gap: 40px;
	margin: 10px 0px;
}

.wpcf7 .wpcf7-submit:disabled {
	opacity: 0.2;
}

.formulario-contacto form .contacto-input-wrapper .wpcf7-form-control-wrap {
	display: inline-block;
	width: calc(100% - 280px);
	height: auto;
}

.formulario-contacto select {
	border: 0px;
	font-size: 16px;
	padding: 18px 0;
}

.formulario-contacto form .contacto-input-wrapper p label {
	font-size: 24px;
	color: var(--main);
	line-height: 120%;
	letter-spacing: -0.5%;
	width: 240px;
	font-family: var(--typo-primary-regular);
	padding: 12px 0;
}

.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control {
	width: 100%;
	padding: 18px 0;
	border-radius: 6px;
	background: none;
	border: none;
	font-size: 14px;
	font-family: var(--typo-secondary);
	color: var(--main);
	transition: var(--transition);
	font-weight: 400;
	letter-spacing: 0.5px;
}

.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control {
	height: 160px;
}

.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control:hover,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control:hover {
	color: var(--main);
}

.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control:focus,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control:focus {
	color: var(--secondary);
}

.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control::placeholder,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control::placeholder,
.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control::-webkit-input-placeholder,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control::-webkit-input-placeholder {
	color: rgb(144, 144, 144);
	opacity: 1;
	font-size: 16px;
	font-family: var(--typo-secondary);
	transition: var(--transition);
}

.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control:hover::placeholder,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control:hover::placeholder,
.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control:hover::-webkit-input-placeholder,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control:hover::-webkit-input-placeholder {
	color: var(--main);
}

.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control:focus::placeholder,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control:focus::placeholder,
.formulario-contacto form .contacto-input-wrapper input.wpcf7-form-control:focus::-webkit-input-placeholder,
.formulario-contacto form .contacto-input-wrapper textarea.wpcf7-form-control:focus::-webkit-input-placeholder {
	color: var(--main);
}

.wpcf7-not-valid-tip {
	font-size: 12px;
	color: var(--error);
	font-weight: 600;
	letter-spacing: 0.03em;
	display: block;
}

.formulario-contacto form .contacto-input-wrapper span.wpcf7-not-valid-tip {
	display: inline-block;
	width: 100%;
	height: auto;
	margin-top: 4px;
}

.wpcf7 form .wpcf7-response-output {
	margin: 40px 0 0;
	padding: 8px 24px;
	border: 1px solid var(--neutral-40);
	border-radius: 4px;
	font-size: 16px;
	font-weight: 600;
	color: var(--neutral-10) !important;
	display: inline-block;
	background-color: var(--success);
}

.wpcf7 form.invalid .wpcf7-response-output {
	border-color: var(--error);
	color: var(--error);
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: var(--success);
	color: var(--success);
}


/* aceptar políticas */

.formulario-contacto form .contacto-capa-acceptance-submit p {
	flex-wrap: wrap;
	padding-top: 32px;
}

.formulario-contacto form .contacto-capa-acceptance-submit p span {
	width: 100%;
	margin: 0;
	display: flex;
	align-items: flex-start;
	font-size: 14px;
}


/* "tunear" checkbox */

.formulario-contacto form .contacto-capa-acceptance-submit p span label input[type="checkbox"],
.options-check-right .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}

.formulario-contacto form .contacto-capa-acceptance-submit p span.our-checkbox {
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	border: 1px solid var(--neutral-80);
	margin-right: 12px;
	border-radius: 6px;
	overflow: hidden;
	transition: var(--transition);
	cursor: pointer;
}

.formulario-contacto form .contacto-capa-acceptance-submit p span.our-checkbox:hover {
	border: 1px solid var(--main);
}

.formulario-contacto form .contacto-capa-acceptance-submit p input:checked+span>span.our-checkbox {
	border-color: var(--main);
}

.formulario-contacto form .contacto-capa-acceptance-submit p input:checked+span>span.our-checkbox::before {
	content: "";
	position: absolute;
	top: 9px;
	left: 5px;
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;
	transform: rotate(45deg);
	transform-origin: 0% 100%;
	animation: checked-box 125ms 250ms forwards;
	border-radius: 1px;
}

@keyframes checked-box {
	0% {
		width: 0;
		height: 0;
		border-color: var(--main);
		transform: translate(0, 12px) rotate(45deg);
	}
	33% {
		width: 5px;
		height: 0;
		border-color: var(--main);
		transform: translate(0, 4px) rotate(45deg);
	}
	100% {
		width: 5px;
		height: 10px;
		border-color: var(--main);
		transform: translate(0, -8px) rotate(45deg);
	}
}

@keyframes bounce {
	0% {
		transform: scale(1);
	}
	33% {
		transform: scale(0.7);
	}
	100% {
		transform: scale(1);
	}
}

.formulario-contacto form .contacto-capa-acceptance-submit p span.text-check {
	width: calc(100% - 36px);
	line-height: 130%;
	padding-top: 2px;
	display: initial;
}

.formulario-contacto .contacto-capa-acceptance-submit span.wpcf7-list-item-label a {
	text-decoration: underline;
	color: var(--main);
}

.formulario-contacto .contacto-capa-acceptance-submit span.wpcf7-list-item-label a:hover {
	color: var(--main-500);
}


/* fin aceptar políticas */

.formulario-contacto .contact-enviar-form .btn-contacto-enviar {
	margin-top: 24px;
	background: none;
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	cursor: pointer;
	border-width: 1px !important;
	border-color: #353535;
	border-radius: 4px;
	letter-spacing: 1px;
	font-size: 14px;
	font-family: var(--typo-primary)!important;
	text-transform: uppercase;
	padding: 10px 30px;
	font-weight: 400;
	transition: var(--transition);
	color: #353535 !important;
}

.formulario-contacto .contact-enviar-form .btn-contacto-enviar:hover {
	color: #FAF9F9 !important;
	background-image: initial;
	background-color: #473D37;
}

.formulario-contacto .contact-enviar-form .btn-contacto-envia::after {
	content: "" !important;
	display: flex !important;
	width: 40px;
	height: 19px;
	position: absolute;
	top: 50%;
	right: 32px;
	opacity: 1;
	margin-top: -9px;
	overflow: hidden;
	background-image: url('/wp-content/uploads/2024/03/arrow-right-btn.svg') !important;
	background-position: 40px center;
	margin-left: 0 !important;
	transition: var(--transition);
}


/* opciones newsletter */

.formulario-contacto form .block-options-check {
	padding-top: 32px;
	display: flex;
	gap: 40px;
	align-items: flex-start;
}

.formulario-contacto form .block-options-check .options-check-left {
	width: 240px;
}

.formulario-contacto form .block-options-check .options-check-left p {
	font-size: 16px;
	font-weight: 500;
	color: var(--main);
	line-height: 120%;
	letter-spacing: 2px;
}

.formulario-contacto form .block-options-check .options-check-right {
	display: inline-block;
	width: calc(100% - 280px);
	height: auto;
}

.options-check-right .list-options-check {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	padding: 0;
}

.options-check-right .list-options-check .contacto-capa-acceptance-submit {
	border: none;
	margin-bottom: 0;
}

.options-check-right .list-options-check .contacto-capa-acceptance-submit p {
	padding-top: 0;
}

.formulario-contacto form .block-options-check .text-options p {
	margin-bottom: 16px;
	max-width: 640px;
	letter-spacing: 0.03em;
	margin-top: -3px;
	color: var(--main);
}


/* "tunear" checkbox opciones comunicaciones */

.formulario-contacto .options-check-right .list-options-check .our-checkbox {
	border-color: var(--main);
}

.formulario-contacto .options-check-right .list-options-check .our-checkbox:hover {
	border: 2px solid var(--main);
}

.formulario-contacto .options-check-right .list-options-check p input:checked+span>span.our-checkbox {
	border-color: var(--main);
	background-color: var(--main);
}

.formulario-contacto .options-check-right .list-options-check p input:checked+span>span.our-checkbox::before {
	animation: checked-box-white 125ms 250ms forwards;
}

@keyframes checked-box-white {
	0% {
		width: 0;
		height: 0;
		border-color: var(--neutral-50);
		transform: translate(0, 12px) rotate(45deg);
	}
	33% {
		width: 5px;
		height: 0;
		border-color: var(--neutral-50);
		transform: translate(0, 4px) rotate(45deg);
	}
	100% {
		width: 5px;
		height: 10px;
		border-color: var(--neutral-50);
		transform: translate(0, -8px) rotate(45deg);
	}
}


/* fin "tunear" checkbox opciones comunicaciones */

.options-check-right .wpcf7-checkbox {
	display: flex;
	flex-wrap: wrap;
}

.options-check-right .wpcf7-checkbox .wpcf7-list-item {
	width: 100%;
	display: flex;
	margin: 0 0 8px;
}


/* fin opciones newsletter */


/* ············································································responsive 767px ······································ */

@media (max-width: 767px) {
	.formulario-contacto form .contacto-input-wrapper p label {
		padding-top: 8px;
	}
	.formulario-contacto form .contacto-input-wrapper p,
	.formulario-contacto form .contacto-capa-acceptance-submit p {
		flex-wrap: wrap;
		gap: 0;
	}
	.formulario-contacto form .contacto-input-wrapper p label,
	.formulario-contacto form .contacto-input-wrapper .wpcf7-form-control-wrap,
	.formulario-contacto form .block-options-check .options-check-left,
	.formulario-contacto form .block-options-check .options-check-right {
		width: 100%;
	}
	.formulario-contacto form .block-options-check {
		padding-top: 16px;
		gap: 16px;
		flex-wrap: wrap;
	}
	.formulario-contacto form .block-options-check .text-options p {
		line-height: 120%;
		margin-bottom: 32px;
	}
}


/* ============================================ close: FORMULARIO DE CONTACTO ============================================ */

.ultimo-proyecto {
	width: 100% !important;
}

.summary {
	font-size: 16px;
	font-family: var(--typo-secondary);
	color: rgba(16, 1, 24, 0.6);
	padding: 20px 0px;
}

.deslizador .et_pb_slides {
	display: flex;
}

.deslizador .et_pb_slide {
	width: 30%;
}

.deslizador .et_pb_slider .et_pb_slide {
	display: inline !important;
}

.carrusel-años.dsm_card_carousel_0.dsm_card_carousel .swiper-container {
	min-height: 620px;
	margin: 0px !important;
}

.violeta {
	color: var(--secondary)
}

.avisos h2 {
	font-size: 48px;
}

.avisos h3 {
	font-size: 32px;
	padding-top: 40px;
}

.avisos h4 {
	font-size: 18px;
	font-family: var(--typo-secondary);
	color: var(--main);
	font-weight: 800;
}

.avisos p {
	font-size: 18px;
	padding: 20px 0px;
	max-width: 700px;
}

.avisos ul,
.avisos ol,
.avisos h4 {
	max-width: 700px;
}

.avisos ul {
	padding: 0px 0px 0px 40px;
}

.avisos li {
	font-size: 18px;
	font-family: var(--typo-secondary);
	color: var(--main);
	padding: 10px 0;
}

.footer-avisos li {
	padding-left: 0px !important;
	margin-top: 3px !important;
}

.carrusel-años-prueba .et_pb_slide {
	z-index: 1;
	display: block;
	opacity: 1;
	width: 33%;
	margin: 0 10px;
}

.carrusel-años-prueba .et_pb_slide:hover {
	width: 45%;
	transition: all 0.3s;
}

.carrusel-años-prueba .et_pb_slides {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	transition: all 0.3s;
}

#logo {
	height: 32px !important;
	max-height: unset !important;
}

#top-menu-nav> ul> li> a:hover {
	opacity: 1;
	border-bottom: 1px solid var(--white);
	transition: none;
}

#top-menu-nav> ul> li> a {
	opacity: 1 !important;
}

#top-menu-nav .current-menu-item a {
	border-bottom: 1px solid var(--white);
}
#top-menu-nav .current-lang a{
	border-bottom: 1px solid var(--white);
}

#top-menu-nav> ul> li> a {
	padding-bottom: 6px;
}

.et_pb_button {
	transition: none !important;
}

.et_pb_divider {
	height: 20px !important;
}

.footer-avisos ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.footer-avisos .et_pb_menu__wrap {
	justify-content: flex-start !important;
}





/* ================ The Timeline ================ */
/* -------------------------------- 

Primary style

-------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
*, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: "Source Sans Pro", sans-serif;
  color: #383838;
  background-color: #f8f8f8;
}

a {
  color: var(--secondary);
  text-decoration: none;
}

/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 800px;
  max-width: 1440px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  background-image: -webkit-linear-gradient( left , #fff, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #fff, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  background-image: -webkit-linear-gradient( right , #fff, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #fff, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 4px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: var(--secondary);
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -8px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 4px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: var(--secondary);
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 6em auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

@media (max-width: 767px) {
	.events-content ol li p {
		width: 100% !important;
	  }
	  .events-content ol li img {
		width: 100% !important;
	  }
	  .cd-horizontal-timeline .timeline {

		width: 100%;
	  }

}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: "\21E2";
  position: absolute;
  height: 16px;
  width: 16px;
  left: -3px;
  top: 10px;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url() no-repeat 0 0;
  color: var(--secondary);
  font-family: var(--typo-primary);
  font-size: 19px;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  display: none
}
.cd-timeline-navigation a.next {
  right: 0;
  display: none;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: var(--secondary);
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}
.events-content ol li {
	display:flex;
	flex-wrap:wrap;
	gap:20px
}


.events-content ol li h2{
	width:100%
}

.events-content ol li img{
	width: 40%;
}

.events-content ol li p{
	width: calc(100%/2 - 20px);
	text-align: left;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content .año {
  font-weight: bold;
  font-size: 2.6rem;
  font-family: var(--typo-primary);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  font-size: 60px !important;
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {
  font-size: 1.4rem;
  color: var(--main);
  text-align: left;
  font-family: var(--typo-secondary);
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}
.entry-content ol{
  list-style-type: none !important;

}
@media only screen and (max-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 7rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 1.8rem;
  }
  .cd-timeline-navigation a.prev {
	left: 0;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-moz-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	-o-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
	display: initial !important;
  }
  .cd-timeline-navigation a.next {
	right: 0;
	display: unset !important;
  }
  .cd-horizontal-timeline .timeline{
	padding: 0;
  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}

/* ================ Timeline Media Queries ================ */

@media screen and (max-width: 660px) {

.timeline {
 	width: 100%;
	padding: 4em 0 1em 0;
}

.timeline li {
	padding: 2em 0;
}

.direction-l,
.direction-r {
	float: none;
	width: 100%;

	text-align: center;
}

.flag-wrapper {
	text-align: center;
}

.flag {
	background: rgb(255,255,255);
	z-index: 15;
}

.direction-l .flag:before,
.direction-r .flag:before {
  position: absolute;
  top: -30px;
	left: 50%;
	content: ' ';
	display: block;
	width: 12px;
	height: 12px;
	margin-left: -9px;
	background: #fff;
	border-radius: 10px;
	border: 4px solid var(--secondary);
	z-index: 10;
}

.direction-l .flag:after,
.direction-r .flag:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -8px;
	height: 0;
	width: 0;
	margin-left: -8px;
	border: solid transparent;
	border-bottom-color: rgb(255,255,255);
	border-width: 8px;
	pointer-events: none;
}

.time-wrapper {
	display: block;
	position: relative;
	margin: 4px 0 0 0;
	z-index: 14;
}

.direction-l .time-wrapper {
	float: none;
}

.direction-r .time-wrapper {
	float: none;
}

.desc {
	position: relative;
	margin: 1em 0 0 0;
	padding: 1em;
	background: rgb(245,245,245);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);
	box-shadow: 0 0 1px rgba(0,0,0,0.20);
	
  z-index: 15;
}

.direction-l .desc,
.direction-r .desc {
	position: relative;
	margin: 1em 1em 0 1em;
	padding: 1em;
	
  z-index: 15;
}

}

@media screen and (min-width: 400px ?? max-width: 660px) {

.direction-l .desc,
.direction-r .desc {
	margin: 1em 4em 0 4em;
}
}
li::marker{
  display: none;
}

.entry-content ul{
  list-style-type: none !important;
}
/* ================ FIN The Timeline ================ */

.sbi_feedtheme_header_text .sbi_bio{display:none}
.sbi_follow_btn a{
	background: var(--secondary) !important;
}
.sbi_feedtheme_header_text h3{
	color:white !important;
	font-size: 16px !important;
}
#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img{
	border: 1px solid var(--secondary);
}


/* ================ submenu ================ */

.nav li ul {
	background: var(--main);
	border-top: 0px solid var(--secondary);
  }

  .sub-menu a{
	border:0px !important;
	font-size: 14px !important;
	padding: 6px 0px !important;
  }

/* ================ FIN submenu ================ */