.elementor-393 .elementor-element.elementor-element-31e6b9bb > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-393 .elementor-element.elementor-element-31e6b9bb:not(.elementor-motion-effects-element-type-background), .elementor-393 .elementor-element.elementor-element-31e6b9bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0F19;}.elementor-393 .elementor-element.elementor-element-31e6b9bb > .elementor-container{max-width:780px;min-height:80vh;}.elementor-393 .elementor-element.elementor-element-31e6b9bb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 20px 80px 20px;}.elementor-393 .elementor-element.elementor-element-31e6b9bb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-393 .elementor-element.elementor-element-39876571:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-393 .elementor-element.elementor-element-39876571 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F2937;}.elementor-393 .elementor-element.elementor-element-39876571 > .elementor-element-populated, .elementor-393 .elementor-element.elementor-element-39876571 > .elementor-element-populated > .elementor-background-overlay, .elementor-393 .elementor-element.elementor-element-39876571 > .elementor-background-slideshow{border-radius:12px 12px 12px 12px;}.elementor-393 .elementor-element.elementor-element-39876571 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:55px 50px 55px 50px;}.elementor-393 .elementor-element.elementor-element-39876571 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-393 .elementor-element.elementor-element-27dd40c4 .elementor-icon-wrapper{text-align:center;}.elementor-393 .elementor-element.elementor-element-27dd40c4.elementor-view-stacked .elementor-icon{background-color:#0066FF;}.elementor-393 .elementor-element.elementor-element-27dd40c4.elementor-view-framed .elementor-icon, .elementor-393 .elementor-element.elementor-element-27dd40c4.elementor-view-default .elementor-icon{color:#0066FF;border-color:#0066FF;}.elementor-393 .elementor-element.elementor-element-27dd40c4.elementor-view-framed .elementor-icon, .elementor-393 .elementor-element.elementor-element-27dd40c4.elementor-view-default .elementor-icon svg{fill:#0066FF;}.elementor-393 .elementor-element.elementor-element-27dd40c4 .elementor-icon{font-size:56px;}.elementor-393 .elementor-element.elementor-element-27dd40c4 .elementor-icon svg{height:56px;}.elementor-393 .elementor-element.elementor-element-62d71e79{--spacer-size:26px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-393 .elementor-element.elementor-element-00ea65f img{width:13%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-393 .elementor-element.elementor-element-7320e54f{text-align:center;}.elementor-393 .elementor-element.elementor-element-7320e54f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;line-height:1.3em;color:#F3F4F6;}.elementor-393 .elementor-element.elementor-element-5854cb44{--spacer-size:22px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-393 .elementor-element.elementor-element-638d24cd{text-align:center;font-family:"Open Sans", Sans-serif;font-size:17px;font-weight:400;line-height:1.7em;color:#9CA3AF;}.elementor-393 .elementor-element.elementor-element-72eb41c4{--spacer-size:24px;}.elementor-393 .elementor-element.elementor-element-17aa12cd{text-align:center;font-family:"Open Sans", Sans-serif;font-size:17px;font-weight:600;line-height:1.7em;color:#F3F4F6;}@media(min-width:768px){.elementor-393 .elementor-element.elementor-element-39876571{width:100%;}}@media(max-width:767px){.elementor-393 .elementor-element.elementor-element-31e6b9bb{padding:50px 15px 50px 15px;}.elementor-393 .elementor-element.elementor-element-39876571 > .elementor-element-populated{padding:40px 24px 40px 24px;}.elementor-393 .elementor-element.elementor-element-7320e54f .elementor-heading-title{font-size:22px;}}/* Start custom CSS for column, class: .elementor-element-39876571 *//* =============================================================
   CONVERSIONES ADS — Tarjeta de vidrio (glass)

   DÓNDE VA:  Columna → pestaña Avanzado → CSS Personalizado
   Pegar este bloque en cada columna que quieras convertir en vidrio.

   POR QUÉ NO LLEVA CLASE:
   ".elementor-393 .elementor-element.elementor-element-39876571" es una palabra clave de Elementor. Al guardar, Elementor
   la reemplaza por el identificador único de ESA columna, así que el
   estilo queda encerrado ahí y no se filtra al resto del sitio — que
   es justamente el problema de escribir clases sueltas en este campo.
   ============================================================= */


/* ---------- Estado normal ---------- */

.elementor-393 .elementor-element.elementor-element-39876571 > .elementor-element-populated {

  /* Lámina translúcida + brillo diagonal */
  background-color: rgba(255, 255, 255, 0.05) !important;
  background-image: linear-gradient(135deg,
                      rgba(255, 255, 255, 0.09) 0%,
                      rgba(255, 255, 255, 0.02) 100%) !important;

  /* El desenfoque real del fondo */
  -webkit-backdrop-filter: blur(16px) saturate(140%);
          backdrop-filter: blur(16px) saturate(140%);

  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 16px !important;

  /* Sombra exterior + filo de luz superior: el canto del vidrio */
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35),
              inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;

  /* Declarar el transform en reposo hace que la animación arranque
     suave en vez de dar el salto seco que tenías. */
  transform: translateY(0);

  transition: transform        .6s cubic-bezier(.22, .61, .36, 1),
              box-shadow       .6s cubic-bezier(.22, .61, .36, 1),
              border-color     .6s cubic-bezier(.22, .61, .36, 1),
              background-color .6s cubic-bezier(.22, .61, .36, 1);
}


/* ---------- Hover: sube apenas, sobre todo se ilumina ---------- */

.elementor-393 .elementor-element.elementor-element-39876571 > .elementor-element-populated:hover {
  transform: translateY(-2px);
  background-color: rgba(255, 255, 255, 0.075) !important;
  border-color: rgba(0, 102, 255, 0.35) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.40),
              inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}


/* ---------- Móvil: menos desenfoque y sin movimiento ---------- */

@media (max-width: 767px) {
  .elementor-393 .elementor-element.elementor-element-39876571 > .elementor-element-populated {
    -webkit-backdrop-filter: blur(10px) saturate(130%);
            backdrop-filter: blur(10px) saturate(130%);
    background-color: rgba(255, 255, 255, 0.07) !important;
  }
  .elementor-393 .elementor-element.elementor-element-39876571 > .elementor-element-populated:hover { transform: none; }
}


/* ---------- Accesibilidad ---------- */

@media (prefers-reduced-motion: reduce) {
  .elementor-393 .elementor-element.elementor-element-39876571 > .elementor-element-populated { transition: none; }
  .elementor-393 .elementor-element.elementor-element-39876571 > .elementor-element-populated:hover { transform: none; }
}


/* ---------- Plan B sin soporte de backdrop-filter ---------- */

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .elementor-393 .elementor-element.elementor-element-39876571 > .elementor-element-populated {
    background-color: rgba(31, 41, 55, 0.88) !important;
  }
}/* End custom CSS */