.elementor-351 .elementor-element.elementor-element-pueblos-empezar-lista > .jet-listing-grid > .jet-listing-grid__items{--columns:4;}@media(max-width:1024px){.elementor-351 .elementor-element.elementor-element-pueblos-empezar-lista > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}}@media(max-width:767px){.elementor-351 .elementor-element.elementor-element-pueblos-empezar-lista > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}}/* Start custom CSS *//* Cabecera y pie del tema Hello ocultos: la barra va dentro del hero y el pie se está probando en la propia página (pies A y B). */
#site-header, #site-footer { display: none; }

/* .rejilla-alzada (Esta temporada, al estilo de Evaneos): la tarjeta del centro empieza subida y con su texto; al pasar por otra, sube esa y baja la del centro. Solo con ratón y en escritorio; en táctil todo queda quieto y con el texto visible. Va aquí porque una clase global solo reacciona a su propio :hover. */
@media (hover: hover) and (min-width: 1025px) {
  .elementor .rejilla-alzada > .tarjeta-enlace { transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1); }
  .elementor .rejilla-alzada > .tarjeta-enlace .foto-con-titulo { transition: box-shadow 0.45s ease; }
  .elementor .rejilla-alzada > .tarjeta-enlace .texto-bajo-foto { transition: opacity 0.35s ease; opacity: 0; }
  .elementor .rejilla-alzada > .tarjeta-enlace:nth-child(2),
  .elementor .rejilla-alzada > .tarjeta-enlace:hover { transform: translateY(calc(-1 * var(--esp-cabecera))); }
  .elementor .rejilla-alzada > .tarjeta-enlace:nth-child(2) .texto-bajo-foto,
  .elementor .rejilla-alzada > .tarjeta-enlace:hover .texto-bajo-foto { opacity: 1; }
  .elementor .rejilla-alzada > .tarjeta-enlace:nth-child(2) .foto-con-titulo,
  .elementor .rejilla-alzada > .tarjeta-enlace:hover .foto-con-titulo { box-shadow: 0px 24px 40px 0px rgba(24, 35, 31, 0.22); }
  .elementor .rejilla-alzada:has(> .tarjeta-enlace:not(:nth-child(2)):hover) > .tarjeta-enlace:nth-child(2) { transform: none; }
  .elementor .rejilla-alzada:has(> .tarjeta-enlace:not(:nth-child(2)):hover) > .tarjeta-enlace:nth-child(2) .texto-bajo-foto { opacity: 0; }
  .elementor .rejilla-alzada:has(> .tarjeta-enlace:not(:nth-child(2)):hover) > .tarjeta-enlace:nth-child(2) .foto-con-titulo { box-shadow: none; }
}

/* .escaparate (Planifica, como la sección de ciudades de mlzconstruccion.com): al pasar por una fila, su foto se descubre de arriba abajo y los demás nombres se atenúan. Fila N = foto N. Sin ratón se queda la primera. */
.elementor .escaparate .fondo-escaparate { transition: clip-path 1.1s cubic-bezier(0.16, 1, 0.3, 1) 1.1s, transform 1.1s cubic-bezier(0.16, 1, 0.3, 1) 1.1s; }
.elementor .escaparate .fondo-escaparate:nth-child(1) { z-index: 2; clip-path: inset(0 0 0 0); transform: scale(1); transition-delay: 0s; }
.elementor .escaparate:has(.escaparate-fila:hover) .fondo-escaparate:nth-child(1) { z-index: 1; clip-path: inset(0 0 100% 0); transform: scale(1.1); transition-delay: 1.1s; }
.elementor .escaparate:has(.escaparate-fila:nth-child(1):hover) .fondo-escaparate:nth-child(1),
.elementor .escaparate:has(.escaparate-fila:nth-child(2):hover) .fondo-escaparate:nth-child(2),
.elementor .escaparate:has(.escaparate-fila:nth-child(3):hover) .fondo-escaparate:nth-child(3),
.elementor .escaparate:has(.escaparate-fila:nth-child(4):hover) .fondo-escaparate:nth-child(4) { z-index: 2; clip-path: inset(0 0 0 0); transform: scale(1); transition-delay: 0s; }
.elementor .escaparate .escaparate-nombre { transition: color 0.5s, transform 0.8s cubic-bezier(0.2, 0.7, 0.1, 1); }
.elementor .escaparate .escaparate-fila:nth-child(1) .escaparate-nombre { transform: translateX(20px); }
.elementor .escaparate .escaparate-lista:hover .escaparate-nombre { color: rgba(255, 253, 249, 0.4); transform: none; }
.elementor .escaparate .escaparate-lista .escaparate-fila:hover .escaparate-nombre { color: var(--color-superficie); transform: translateX(20px); }
.elementor .escaparate .escaparate-detalle { opacity: 0; transform: translateX(-8px); transition: opacity 0.4s, transform 0.5s; }
.elementor .escaparate .escaparate-fila:nth-child(1) .escaparate-detalle { opacity: 1; transform: none; }
.elementor .escaparate .escaparate-lista:hover .escaparate-detalle { opacity: 0; transform: translateX(-8px); }
.elementor .escaparate .escaparate-lista .escaparate-fila:hover .escaparate-detalle { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .elementor .escaparate .fondo-escaparate, .elementor .escaparate .escaparate-nombre, .elementor .escaparate .escaparate-detalle, .elementor .rejilla-alzada > .tarjeta-enlace { transition: none; } }
/* .asi-es-acordeon (2026-10-21, como el carrusel de evaneos.es; avance automático en vmp-acordeon.php): tarjetas verticales en fila; la pulsada (clase es-activo, la pone vmp-acordeon.php) se ensancha. En escritorio también se ensancha la que tiene el ratón encima. En móvil: dos tarjetas a la vista y el carril se desliza. Para quitar la prueba: borrar la sección «acordeon (prueba Evaneos)» y este bloque. */
#asi-es-acordeon .elementor-element-ac0c008 { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; width: 100%; margin-top: var(--esp-l); padding: 0 var(--margen-caja) var(--esp-seccion); overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--margen-caja); scrollbar-width: none; }
#asi-es-acordeon .elementor-element-ac0c008::-webkit-scrollbar { display: none; }
#asi-es-acordeon .elementor-element-ac0c008 > .e-con { flex: 0 0 190px; min-width: 0; display: flex; flex-direction: column; gap: var(--esp-xs); padding: 0; cursor: pointer; scroll-snap-align: start; transition: flex-basis 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); }
#asi-es-acordeon .elementor-element-ac0c008 > .e-con.es-activo { flex-basis: 420px; }
#asi-es-acordeon .elementor-element-ac0c008 > .e-con:focus-visible { outline: 2px solid var(--color-primario); outline-offset: 3px; border-radius: var(--radio-m); }
#asi-es-acordeon .elementor-element-ac0c008 img { display: block; width: 100%; height: 380px; object-fit: cover; border-radius: var(--radio-m); }
#asi-es-acordeon .elementor-element-ac0c008 h3 { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#asi-es-acordeon .flecha-circulo-borde { cursor: pointer; }
@media (hover: hover) and (min-width: 1025px) {
  #asi-es-acordeon .elementor-element-ac0c008:has(> .e-con:hover) > .e-con.es-activo:not(:hover) { flex-basis: 190px; }
  #asi-es-acordeon .elementor-element-ac0c008 > .e-con:hover { flex-basis: 420px; }
}
@media (max-width: 1024px) {
  #asi-es-acordeon .elementor-element-ac0c008 > .e-con { flex-basis: 160px; }
  #asi-es-acordeon .elementor-element-ac0c008 > .e-con.es-activo { flex-basis: 340px; }
  #asi-es-acordeon .elementor-element-ac0c008 img { height: 320px; }
}
@media (max-width: 767px) {
  #asi-es-acordeon .elementor-element-ac0c008 > .e-con,
  #asi-es-acordeon .elementor-element-ac0c008 > .e-con.es-activo { flex-basis: calc((100vw - 2 * var(--esp-margen) - 8px) / 2); }
  #asi-es-acordeon .elementor-element-ac0c008 img { height: 260px; }
}
@media (prefers-reduced-motion: reduce) { #asi-es-acordeon .elementor-element-ac0c008 > .e-con { transition: none; } }

/* vmp-velo-provincias */
#provincias .velo-tarjeta{background-image:linear-gradient(0deg,rgba(10,20,16,.92) 0%,rgba(10,20,16,.78) 22%,rgba(10,20,16,.5) 45%,rgba(10,20,16,.2) 68%,rgba(10,20,16,0) 88%)!important}
/* fin vmp-velo-provincias *//* End custom CSS */