.elementor-1280 .elementor-element.elementor-element-3368f4f{--display:flex;--min-height:473px;--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;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:44px;--padding-bottom:44px;--padding-left:44px;--padding-right:44px;}.elementor-1280 .elementor-element.elementor-element-3368f4f::before, .elementor-1280 .elementor-element.elementor-element-3368f4f > .elementor-background-video-container::before, .elementor-1280 .elementor-element.elementor-element-3368f4f > .e-con-inner > .elementor-background-video-container::before, .elementor-1280 .elementor-element.elementor-element-3368f4f > .elementor-background-slideshow::before, .elementor-1280 .elementor-element.elementor-element-3368f4f > .e-con-inner > .elementor-background-slideshow::before, .elementor-1280 .elementor-element.elementor-element-3368f4f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #02010100 0%, #171717A8 100%);}.elementor-1280 .elementor-element.elementor-element-3368f4f:not(.elementor-motion-effects-element-type-background), .elementor-1280 .elementor-element.elementor-element-3368f4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-1280 .elementor-element.elementor-element-fa3402e{text-align:left;}.elementor-1280 .elementor-element.elementor-element-fa3402e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:44px;font-weight:500;line-height:44px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-1280 .elementor-element.elementor-element-49a01b0 > .elementor-widget-container{margin:0px 0px -14px 0px;padding:0px 0px 0px 0px;}.elementor-1280 .elementor-element.elementor-element-49a01b0{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:22px;color:#FFFFFF;}@media(max-width:1366px){.elementor-1280 .elementor-element.elementor-element-3368f4f{--min-height:520px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-1280 .elementor-element.elementor-element-3368f4f{--min-height:370px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1280 .elementor-element.elementor-element-fa3402e .elementor-heading-title{font-size:27px;line-height:32px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for container, class: .elementor-element-3368f4f */.containertotal {
  position: relative;
  overflow: hidden;
}

/* Gradiente base (siempre visible, leve) */
.containertotal::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(180deg, #00000022 0%, #00000080 100%)!important;
  opacity: 1;
  transition: opacity 0.8s ease-in-out;
}

/* Gradiente de hover (más intenso, empieza invisible) */
.containertotal::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(180deg, #00000033 0%, #000000f5 100%)!important;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

/* Hover: se mezcla suavemente al gradiente más oscuro */
.containertotal:hover::after {
  opacity: 1 !important;
}

/* Contenido encima de ambos gradientes */
.containertotal > * {
  position: relative;
  z-index: 3;
}

/* Texto oculto por defecto */
.containertotal .textofin {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 1s ease-in-out, opacity 1s ease-in-out;
}

/* Título con transición natural */
.containertotal .titulofinal {
  transition: margin-bottom 1s ease-in-out;
}

/* Hover: muestra texto y sube título */
.containertotal:hover .textofin {
  opacity: 1;
  max-height: 300px;
}

.containertotal:hover .titulofinal {
  margin-bottom: 10px;
}

/* Regreso suave */
.containertotal:not(:hover) .textofin {
  opacity: 0;
  max-height: 0;
}

.containertotal:not(:hover) .titulofinal {
  margin-bottom: 0;
}/* End custom CSS */