.elementor-25329 .elementor-element.elementor-element-a17d083{--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-popup-modal-25329{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-25329 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-25329 .dialog-close-button{display:flex;}#elementor-popup-modal-25329 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}
/* Start custom CSS for container, class: .elementor-element-a17d083 *//* ==============================
   POPUP CABLEMEL - ENTRADA/SALIDA
   Cambia 1234 por el ID de tu popup
================================= */

#elementor-popup-modal-1234 {
  opacity: 0;
  animation: cablemelOverlayIn 0.45s ease forwards;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

/* Caja principal del popup */
#elementor-popup-modal-1234 .dialog-widget-content {
  overflow: visible;
  border-radius: 0;
  border: 10px solid #ffffff;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.38);
  transform-origin: center center;
  animation: cablemelPopupIn 0.75s cubic-bezier(.16, 1, .3, 1) forwards;
  will-change: transform, opacity, filter;
}

/* Botón cerrar */
#elementor-popup-modal-1234 .dialog-close-button,
#elementor-popup-modal-1234 .dialog-lightbox-close-button {
  top: 14px;
  right: 14px;
  font-size: 22px;
  color: #00242b;
  z-index: 99;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

#elementor-popup-modal-1234 .dialog-close-button:hover,
#elementor-popup-modal-1234 .dialog-lightbox-close-button:hover {
  transform: rotate(90deg) scale(1.1);
  opacity: 0.75;
}

/* Animación al cerrar */
#elementor-popup-modal-1234.cablemel-closing {
  animation: cablemelOverlayOut 0.42s ease forwards !important;
  pointer-events: none;
}

#elementor-popup-modal-1234.cablemel-closing .dialog-widget-content {
  animation: cablemelPopupOut 0.42s cubic-bezier(.7, 0, .84, 0) forwards !important;
}

/* Entrada fondo */
@keyframes cablemelOverlayIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Salida fondo */
@keyframes cablemelOverlayOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Entrada ventana */
@keyframes cablemelPopupIn {
  0% {
    opacity: 0;
    transform: translateY(35px) scale(0.88);
    filter: blur(8px);
  }

  60% {
    opacity: 1;
    transform: translateY(-4px) scale(1.015);
    filter: blur(0);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

/* Salida ventana */
@keyframes cablemelPopupOut {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }

  100% {
    opacity: 0;
    transform: translateY(25px) scale(0.9);
    filter: blur(7px);
  }
}

/* Responsive */
@media (max-width: 767px) {
  #elementor-popup-modal-1234 .dialog-widget-content {
    border-width: 6px;
    max-width: 92vw !important;
  }

  #elementor-popup-modal-1234 .dialog-close-button,
  #elementor-popup-modal-1234 .dialog-lightbox-close-button {
    top: 10px;
    right: 10px;
    font-size: 20px;
  }
}/* End custom CSS */