/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 16 2026 | 07:35:11 */
/* selector idioma */
.cpel-switcher--layout-dropdown .cpel-switcher__toggle--on + .cpel-switcher__list {
    background-color: white;
    border-radius: 10px;
    border: #EF7E0E solid 1px;
}
.cpel-switcher__lang a {
    background-color: transparent !important;
}
.cpel-switcher__icon {
    padding-left: 5px !important;
}
/*li.cpel-switcher__lang:has(a[lang*="fr"], a[lang*="pt"]) {
    display: none;
}*/
.cpel-switcher--layout-dropdown .cpel-switcher__list li a {
    text-align: center;
}
.cpel-switcher--layout-dropdown .cpel-switcher__list li span.cpel-switcher__code {
    padding: 0 !important;
}
html:is([lang*="en"], [lang*="fr"], [lang*="pt"]) :is(.filtro-categoria, .filtros-trigger) {
    display: none;
}

/* historia */
div#years-list {
    max-height: 82vh;
    overflow: hidden;
}
.year h3.elementor-heading-title:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 11px;
    background-color: #8D8479;
    height: 2px;
    z-index: -1;
}
.year h3.elementor-heading-title {
    display: inline-block;
    background-color: #fef5de;
    padding: 0px 30px;
}
#years-list li.elementor-icon-list-item a {
    font-size: clamp(20px, 5vw, 80px);
    line-height: clamp(28px, 5.9vw, 88px);
}
#years-list li.elementor-icon-list-item:has(+ li a.active) a span, #years-list li.elementor-icon-list-item:has(a.active) + li a span {
    transform: scale(1.12);
}
#years-list li.elementor-icon-list-item a span {
    transition: transform ease .2s;
}
#years-list a.active span {
    color: #2E2E30;
	transform: scale(1.3);
}

@media only screen and (max-width: 480px) {
	.year:first-child {
		padding-top: 100px;
	}
	.year {
		padding-top: 30px;
	}
	.year > .elementor-widget-heading > .elementor-widget-container {
		margin-bottom: 20px !important;
	}
	.year .elementor-widget-container p {
    	font-size: 18px;
    	line-height: 21px;
	}
}

/* stack cards */
.stack-card {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), 0 0 3px inset rgba(255, 255, 255, 0.6);
    border-radius: 20px;
	margin-bottom: 30px;
	transform-origin: bottom;
	transition: opacity ease .3s;
    backdrop-filter: blur(2px) /*url(#filter)*/;
    /*-webkit-backdrop-filter: blur(2px) url(#filter);*/
}
.stack-card.visible {
    backdrop-filter: blur(2px) /*url(#filter)*/;
    /*-webkit-backdrop-filter: blur(2px) url(#filter);*/
}
.stack-card:not(.visible) {
    opacity: 0.4;
}
.stack-card div {
	/*transition: color ease .3s;*/
}
.stack-card:not(:first-child) div {
    color: var(--color) !important;
}

/* snap card */
.snap-wrapper {
  position: relative;
  height: 400px;
  overflow: hidden;
}
.snap-card {
  min-height: 400px; 
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-soluciones {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
}
.nav-soluciones .nav-item .num {
    font-size: 12px;
    width: 24px;
    height: 24px;
    border: solid 1px;
    color: #2E2E30;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    flex-shrink: 0;
}
.nav-soluciones .nav-item {
    display: flex;
    align-items: center;
    gap: 7px;
    overflow: hidden;
    width: 24px;
    transition: all ease .2s;
    position: relative;
	opacity: .4;
	cursor: pointer;
}
.nav-item.active {
    width: calc(24px + var(--labelWidth) + 7px);
	opacity: 1;
}
.nav-item:hover {
	opacity: 1;
}
.nav-soluciones .nav-item .label {
    font-size: 14px;
    line-height: 19px;
    position: absolute;
    left: 31px;
    top: 3px;
	width: max-content;
}
.nav-soluciones .separator {
    width: 100%;
}

/* Swiper soluciones */
.swiper-soluciones .swiper-slide {
	width: auto;
	transition: all ease .5s;
	cursor: pointer;
}
.swiper-soluciones .swiper-slide:not(.swiper-slide-active) {
    opacity: 0.4;
    transform: scale(.83);
}
.swiper-soluciones .swiper-slide.swiper-slide-prev, .swiper-soluciones .swiper-slide-active.active ~ .swiper-slide.swiper-slide-next {
    transform-origin: right;
}
.swiper-soluciones .swiper-slide.swiper-slide-next, .swiper-soluciones .swiper-slide.swiper-slide-prev:has(~ .swiper-slide-active.active) {
    transform-origin: left;
}
.swiper-soluciones .swiper-slide-active.active ~ .swiper-slide.swiper-slide-next, .swiper-soluciones .swiper-slide.swiper-slide-prev:has(~ .swiper-slide-active.active) {
	transform: scale(0);
}
.swiper-soluciones .overlay {
    position: absolute;
    top: -30px;
    left: 0;
    bottom: -30px;
    right: 0;
    z-index: 99;
	cursor: pointer;
}

.soluciones-inline .listado .elementor-heading-title {
    font-size: 16px !important;
    line-height: 20px !important;
}
.soluciones-inline .listado {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    justify-content: center;
    max-width: 610px;
    opacity: .4;
	transform: translateY(100px);
    transition: transform 
ease .5s;
    position: absolute;
    left: 0;
    right: 0;
	top: 30px;
    margin: 0 auto;
}
.soluciones-inline .listado.active {
    transform: translateY(0);
}
.soluciones-inline .listado .e-loop-item {
    width: auto !important;
    margin: 0 !important;
	cursor: pointer;
}
.soluciones-inline > .elementor-widget-container {
    text-align: center;
}

body:not(.elementor-editor-active) .soluciones-wrapper {
	display: none;
}
.e-loop__load-more a.elementor-button-link.elementor-button {
    color: var(--e-global-color-text);
}
.filtros-trigger i.icon {
    background-image: url(https://laplana.com/wp-content/uploads/2025/10/mage_filter.png);
    background-repeat: no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    background-position: center;
    margin-right: 4px;
}
.filtros-trigger {
    font-size: 16px;
    font-weight: 400;
    color: #2E2E30;
    display: flex;
    align-items: center;
	cursor: pointer;
}
.filtros-trigger .num {
    display: inline-block;
    margin-left: 4px;
}
.filtros-activos {
    margin-top: 5px;
}
.filtros-activos .item {
    display: inline-block;
    border: solid 1px;
    border-radius: 20px;
    padding: 0px 40px 0 12px;
    font-size: 16px;
    background: url(https://laplana.com/wp-content/uploads/2025/10/close.png) no-repeat;
    background-size: 24px;
    background-position: calc(100% - 9px) center;
	margin-right: 6px;
	cursor: pointer;
}
/*body:not(.elementor-editor-active) .filtro-categoria {
    display: none;
}*/
.filtro-categoria.elementor-widget-taxonomy-filter .e-filter {
    gap: 0px 20px;
}
.filtro-categoria.elementor-widget-taxonomy-filter .e-filter-item {
    border: 0 !important;
    cursor: pointer;
    font-family: 'Poppins' !important;
    padding: 4px 6px;
    font-size: 16px !important;
    background: none;
    color: #747474;
}

/* Infografía */
.tooltip {
    position: absolute;
    font-size: 16px;
    max-width: 315px;
    line-height: 20px;
    transition: all ease .3s;
    opacity: 0;
    transform: translateY(50px);
    backdrop-filter: blur(38px);
    padding: 13px;
    border-radius: 22px;
	pointer-events: none;
	z-index: 1;
}
.tooltip.active {
    opacity: 1;
    transform: translateY(0);
}
rect:is([data-name="masa"], [id*="masa"]) {
    fill: transparent;
}
.infografia svg > g:has(rect[id*="masa"]:hover, path:hover, text:hover) {
    transform: translateY(-10px);
}
.infografia svg > g {
    transition: all ease .3s;
}

/* Actualidad */
#filtros-actualidad select {
    border: solid 1px #EF7E0E;
    border-radius: 30px;
    padding: 4px 11px;
    font-size: 16px;
    font-family: 'Poppins';
    color: #8D8479;
    background-color: transparent;
    appearance: none;
    background-image: url(/wp-content/uploads/2025/11/bytesize_chevron-top.png);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: calc(100% - 10px) center;
	width: 100%;
}

/* Tecnologia */
.caja-tecnologia .texto-fondo-2 {
    font-weight: 400 !important;
}