.elementor-4982 .elementor-element.elementor-element-7c83fcd{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4982 .elementor-element.elementor-element-7c83fcd:not(.elementor-motion-effects-element-type-background), .elementor-4982 .elementor-element.elementor-element-7c83fcd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://willprom.com/wp-content/uploads/2026/01/Creare-Site-Web-Profesional-Arges-1.webp");background-position:center center;background-repeat:no-repeat;}.elementor-4982 .elementor-element.elementor-element-5b8f6e1{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-4982 .elementor-element.elementor-element-5b8f6e1:not(.elementor-motion-effects-element-type-background), .elementor-4982 .elementor-element.elementor-element-5b8f6e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #FFFFFF 42%, #FF9C0000 100%);}.elementor-4982 .elementor-element.elementor-element-5b8f6e1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4982 .elementor-element.elementor-element-f12be9e{text-align:center;}.elementor-4982 .elementor-element.elementor-element-f12be9e img{width:18%;}.elementor-4982 .elementor-element.elementor-element-36f2ed9 .elementor-menu-toggle{margin:0 auto;}.elementor-4982 .elementor-element.elementor-element-36f2ed9 .elementor-nav-menu .elementor-item{font-size:32px;font-weight:700;}.elementor-4982 .elementor-element.elementor-element-36f2ed9 .elementor-nav-menu--main .elementor-item{color:#D86510;fill:#D86510;}.elementor-4982 .elementor-element.elementor-element-dd09ca2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4982 .elementor-element.elementor-element-dd09ca2.e-con{--flex-grow:0;--flex-shrink:0;}#elementor-popup-modal-4982 .dialog-widget-content{animation-duration:1.6s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-4982{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4982 .dialog-message{width:100vw;height:100vh;align-items:flex-start;}#elementor-popup-modal-4982 .dialog-close-button{display:flex;top:3%;font-size:36px;}body:not(.rtl) #elementor-popup-modal-4982 .dialog-close-button{right:5%;}body.rtl #elementor-popup-modal-4982 .dialog-close-button{left:5%;}#elementor-popup-modal-4982 .dialog-close-button i{color:#D86510;}#elementor-popup-modal-4982 .dialog-close-button svg{fill:#D86510;}#elementor-popup-modal-4982 .dialog-close-button:hover i{color:#050505;}@media(min-width:768px){.elementor-4982 .elementor-element.elementor-element-5b8f6e1{--width:27.921%;}.elementor-4982 .elementor-element.elementor-element-dd09ca2{--width:73.467%;}}/* Start custom CSS for container, class: .elementor-element-7c83fcd *//* TUS 6 IMÁGENES - MANTENER */
.imagen1 { background-image: url('https://willprom.com/wp-content/uploads/2026/01/creare-site-stomatologic-cu-programari-online-3.webp') !important; background-size: cover; background-position: center; }
.imagen2 { background-image: url('https://willprom.com/wp-content/uploads/2026/01/Creare-Site-Web-Profesional-pentru-cabinete-stomatologice-Pitesti-3-.webp') !important; background-size: cover; background-position: center; }
.imagen3 { background-image: url('https://willprom.com/wp-content/uploads/2026/01/serviciile-de-design-grafic-de-top-3.webp') !important; background-size: cover; background-position: center; }
.imagen4 { background-image: url('https://willprom.com/wp-content/uploads/2026/01/Creare-Site-Web-Profesional-pentru-Hotelul-Pitesti3.webp') !important; background-size: cover; background-position: center; }
.imagen5 { background-image: url('https://willprom.com/wp-content/uploads/2026/01/creare-site-web-profesional-pertu-piese-auto-4.webp') !important; background-size: cover; background-position: center; }
.imagen6 { background-image: url('https://willprom.com/wp-content/uploads/2026/01/creare-site-web-profesional-pertu-piese-auto-4.webp') !important; background-size: cover; background-position: center; }

/* NUEVO: Animación acordeón cerrar */
.elementor-popup-modal .dialog-message {
  overflow: hidden !important;
  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  transform-origin: top center !important;
}

.elementor-popup-modal.closing .dialog-message { 
  transform: scaleY(0) !important; 
  height: 0 !important; 
  transition: all 0.6s ease !important; /* ← CAMBIA cubic-bezier por ease */
}

#imagen {
  transition: all 0.6s ease !important;
  background-repeat: no-repeat !important;
}

.elementor-popup-modal.closing #imagen {
  opacity: 0 !important;
  transform: scale(0.9) !important;
}

.dialog-close-button {
  z-index: 9999 !important;
  transition: transform 0.3s ease !important;
}

.dialog-close-button:hover {
  transform: scale(1.2) !important;
}

/* Contenedor de las imágenes del menú */
#imagen {
  position: relative;
  width: 100vw;              /* ancho pantalla completa */
  height: 100vh;             /* alto pantalla completa */
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  overflow: hidden;
}

/* Asegura que el contenedor padre no limite la altura */
.elementor-popup-modal .dialog-message,
.elementor-popup-modal .elementor-section {
  height: 100vh !important;
}/* End custom CSS */
/* Start custom CSS *//* imagen1 - Home */
.clase1:hover ~ #imagen,
#imagen:hover.clase1 {
  background-image: url('https://willprom.com/wp-content/uploads/2026/01/creare-site-stomatologic-cu-programari-online-3.webp') !important;
}

/* imagen2 - Servicii */
.clase2:hover ~ #imagen {
  background-image: url('https://willprom.com/wp-content/uploads/2026/01/Creare-Site-Web-Profesional-pentru-cabinete-stomatologice-Pitesti-3-.webp') !important;
}

/* imagen3 - Portofoliu */
.clase3:hover ~ #imagen {
  background-image: url('https://willprom.com/wp-content/uploads/2026/01/serviciile-de-design-grafic-de-top-3.webp') !important;
}

/* imagen4 - Contact */
.clase4:hover ~ #imagen {
  background-image: url('https://willprom.com/wp-content/uploads/2026/01/Creare-Site-Web-Profesional-pentru-Hotelul-Pitesti3.webp') !important;
}

/* imagen5 - Blog */
.clase5:hover ~ #imagen {
  background-image: url('https://willprom.com/wp-content/uploads/2026/01/creare-site-web-profesional-pertu-piese-auto-4.webp') !important;
}

/* imagen6 - 6to item */
.clase6:hover ~ #imagen {
  background-image: url('https://willprom.com/wp-content/uploads/2026/01/creare-site-web-profesional-pertu-piese-auto-4.webp') !important;
}

#imagen {
  background-size: cover !important;
  background-position: center !important;
  transition: background-image 0.4s ease !important;
}

#imagen {
  background-size: cover !important;
  background-position: center !important;
  transition: background-image 0.4s ease !important;
}/* End custom CSS */