.elementor-570 .elementor-element.elementor-element-ac377cb{--display:flex;--min-height:782px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-570 .elementor-element.elementor-element-3cf2135{--display:flex;--min-height:760px;--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#1A2A1F1A;--border-color:#1A2A1F1A;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-570 .elementor-element.elementor-element-3cf2135:not(.elementor-motion-effects-element-type-background), .elementor-570 .elementor-element.elementor-element-3cf2135 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-570 .elementor-element.elementor-element-d185f8a .elementor-wrapper{--video-aspect-ratio:1.77777;}.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-570 .elementor-element.elementor-element-36030f6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;text-align:start;}.elementor-570 .elementor-element.elementor-element-36030f6 .elementor-heading-title{font-family:"Fraunces", Sans-serif;font-size:18px;font-weight:400;color:#1A2A1F;}.elementor-570 .elementor-element.elementor-element-09d5894{padding:0px 20px 0px 20px;text-align:start;}.elementor-570 .elementor-element.elementor-element-09d5894 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:1.5px;color:#B8975A;}.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-570 .elementor-element.elementor-element-d446be8{width:var( --container-widget-width, 92% );max-width:92%;padding:0px 20px 0px 20px;--container-widget-width:92%;--container-widget-flex-grow:0;text-align:start;font-family:"Fraunces", Sans-serif;font-size:13px;font-weight:300;color:#3A4540;}@media(min-width:768px){.elementor-570 .elementor-element.elementor-element-ac377cb{--content-width:300px;}}/* Start custom CSS for video, class: .elementor-element-d185f8a *//* ==========================================================================
   VIDEO VERTICAL DE ALTO RENDIMIENTO (FORMATO REEL 9:16)
   ========================================================================== */

/* 1. Aplica la clase 'ux-video-reel' a tu Widget de Video de Elementor:
   Selecciona el Widget de Video > pestaña Avanzado > Clases CSS
*/
.ux-video-reel {
  --reel-width: 300px;             /* Ancho máximo del video (ideal para grids) */
  --reel-radius: 0px;             /* Bordes redondeados modernos y sutiles */

  width: 100% !important;
  max-width: var(--reel-width) !important;
  margin: 0 auto !important;
  aspect-ratio: 9 / 16 !important;   /* Forzar formato vertical exacto 9:16 */
  position: relative !important;
  border-radius: var(--reel-radius) !important;
  background-color: #000000 !important;
  overflow: hidden !important;

  /* Sombra ambiental sutil y elegante */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;

  /* Transición suave para interactividad */
  will-change: transform, box-shadow;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 2. Reescritura profunda del wrapper nativo de Elementor para anular el formato horizontal 16:9 */
.ux-video-reel .elementor-video-wrapper,
.ux-video-reel .elementor-video {
  padding-top: 0 !important;       /* Elimina el padding-top del 56.25% nativo de Elementor */
  height: 100% !important;
  width: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: var(--reel-radius) !important;
  overflow: hidden !important;
}

/* 3. Forzar al reproductor (Video, YouTube o Vimeo iframe) a llenar el espacio vertical sin deformarse */
.ux-video-reel video,
.ux-video-reel iframe {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;    /* Recorta y adapta el video para que ocupe el formato vertical */
  border-radius: var(--reel-radius) !important;
}

/* 4. Sutil elevación al pasar el cursor (Micro-interacción limpia) */
.ux-video-reel:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12) !important;
}/* End custom CSS */