.elementor-5584 .elementor-element.elementor-element-357fee7{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:2;}.elementor-5584 .elementor-element.elementor-element-357fee7:not(.elementor-motion-effects-element-type-background), .elementor-5584 .elementor-element.elementor-element-357fee7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141819;}.elementor-5584 .elementor-element.elementor-element-add83c4{--display:flex;--min-height:70vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.29;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5584 .elementor-element.elementor-element-add83c4::before, .elementor-5584 .elementor-element.elementor-element-add83c4 > .elementor-background-video-container::before, .elementor-5584 .elementor-element.elementor-element-add83c4 > .e-con-inner > .elementor-background-video-container::before, .elementor-5584 .elementor-element.elementor-element-add83c4 > .elementor-background-slideshow::before, .elementor-5584 .elementor-element.elementor-element-add83c4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5584 .elementor-element.elementor-element-add83c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5584 .elementor-element.elementor-element-add83c4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-ucaddon_video_on_hover .ue-overlay-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_video_on_hover .ue-button{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5584 .elementor-element.elementor-element-ace10ad > .elementor-widget-container{background-color:#141819;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5584 .elementor-element.elementor-element-ace10ad{grid-column:span 1;}.elementor-5584 .elementor-element.elementor-element-ace10ad .ue-image{transition:all 1000ms ease-in-out;}.elementor-5584 .elementor-element.elementor-element-ace10ad .ue-overlay,.elementor-5584 .elementor-element.elementor-element-ace10ad .ue-overlay *{transition:all 1000ms ease-in-out;}.elementor-5584 .elementor-element.elementor-element-ace10ad .ue-button,.elementor-5584 .elementor-element.elementor-element-ace10ad .ue-button *{transition:all 1000ms ease-in-out;}.elementor-5584 .elementor-element.elementor-element-ace10ad .ue-hover-image-video .ue-image{height:80%;object-fit:cover;object-position:center center;}.elementor-5584 .elementor-element.elementor-element-ace10ad .ue-hover-image-video .ue-video{height:80%;}.elementor-5584 .elementor-element.elementor-element-ace10ad .ue-hover-image-video{border-radius:0px 0px 0px 0px;border-style:solid;border-width:0px 1px 0px 1px;border-color:var( --e-global-color-bc26b13 );}.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-5584 .elementor-element.elementor-element-c104d41{width:100%;max-width:100%;z-index:6;text-align:center;}.elementor-5584 .elementor-element.elementor-element-c104d41 > .elementor-widget-container{background-color:#141819;margin:0% -0% -0% -0%;padding:2% 0% 27% 0%;}.elementor-5584 .elementor-element.elementor-element-c104d41 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:34px;font-weight:300;text-transform:uppercase;color:#FFFFFF;}.elementor-5584 .elementor-element.elementor-element-81faca5{--display:flex;--min-height:70vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.29;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5584 .elementor-element.elementor-element-81faca5::before, .elementor-5584 .elementor-element.elementor-element-81faca5 > .elementor-background-video-container::before, .elementor-5584 .elementor-element.elementor-element-81faca5 > .e-con-inner > .elementor-background-video-container::before, .elementor-5584 .elementor-element.elementor-element-81faca5 > .elementor-background-slideshow::before, .elementor-5584 .elementor-element.elementor-element-81faca5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5584 .elementor-element.elementor-element-81faca5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5584 .elementor-element.elementor-element-81faca5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5584 .elementor-element.elementor-element-a550fbf{width:100%;max-width:100%;grid-column:span 1;}.elementor-5584 .elementor-element.elementor-element-a550fbf > .elementor-widget-container{background-color:#141819;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5584 .elementor-element.elementor-element-a550fbf .ue-image{transition:all 1000ms ease-in-out;}.elementor-5584 .elementor-element.elementor-element-a550fbf .ue-overlay,.elementor-5584 .elementor-element.elementor-element-a550fbf .ue-overlay *{transition:all 1000ms ease-in-out;}.elementor-5584 .elementor-element.elementor-element-a550fbf .ue-button,.elementor-5584 .elementor-element.elementor-element-a550fbf .ue-button *{transition:all 1000ms ease-in-out;}.elementor-5584 .elementor-element.elementor-element-a550fbf .ue-hover-image-video .ue-image{height:80%;object-fit:cover;object-position:center center;}.elementor-5584 .elementor-element.elementor-element-a550fbf .ue-hover-image-video .ue-video{height:80%;}.elementor-5584 .elementor-element.elementor-element-a550fbf .ue-hover-image-video{border-radius:0px 0px 0px 0px;border-style:solid;border-width:0px 1px 0px 1px;border-color:var( --e-global-color-bc26b13 );}.elementor-5584 .elementor-element.elementor-element-edcd379{width:100%;max-width:100%;z-index:6;text-align:center;}.elementor-5584 .elementor-element.elementor-element-edcd379 > .elementor-widget-container{background-color:#141819;margin:0% -0% -0% -0%;padding:2% 0% 27% 0%;}.elementor-5584 .elementor-element.elementor-element-edcd379 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:34px;font-weight:300;text-transform:uppercase;color:#FFFFFF;}.elementor-5584 .elementor-element.elementor-element-b2c40dc{--display:flex;--min-height:70vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.29;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5584 .elementor-element.elementor-element-b2c40dc::before, .elementor-5584 .elementor-element.elementor-element-b2c40dc > .elementor-background-video-container::before, .elementor-5584 .elementor-element.elementor-element-b2c40dc > .e-con-inner > .elementor-background-video-container::before, .elementor-5584 .elementor-element.elementor-element-b2c40dc > .elementor-background-slideshow::before, .elementor-5584 .elementor-element.elementor-element-b2c40dc > .e-con-inner > .elementor-background-slideshow::before, .elementor-5584 .elementor-element.elementor-element-b2c40dc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5584 .elementor-element.elementor-element-b2c40dc.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5584 .elementor-element.elementor-element-a6048d5{width:100%;max-width:100%;grid-column:span 1;}.elementor-5584 .elementor-element.elementor-element-a6048d5 > .elementor-widget-container{background-color:#141819;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5584 .elementor-element.elementor-element-a6048d5 .ue-image{transition:all 1000ms ease-in-out;}.elementor-5584 .elementor-element.elementor-element-a6048d5 .ue-overlay,.elementor-5584 .elementor-element.elementor-element-a6048d5 .ue-overlay *{transition:all 1000ms ease-in-out;}.elementor-5584 .elementor-element.elementor-element-a6048d5 .ue-button,.elementor-5584 .elementor-element.elementor-element-a6048d5 .ue-button *{transition:all 1000ms ease-in-out;}.elementor-5584 .elementor-element.elementor-element-a6048d5 .ue-hover-image-video .ue-image{height:80%;object-fit:cover;object-position:center center;}.elementor-5584 .elementor-element.elementor-element-a6048d5 .ue-hover-image-video .ue-video{height:80%;}.elementor-5584 .elementor-element.elementor-element-a6048d5 .ue-hover-image-video{border-radius:0px 0px 0px 0px;border-style:solid;border-width:0px 1px 0px 1px;border-color:var( --e-global-color-bc26b13 );}.elementor-5584 .elementor-element.elementor-element-b2fbdf4{width:100%;max-width:100%;z-index:6;text-align:center;}.elementor-5584 .elementor-element.elementor-element-b2fbdf4 > .elementor-widget-container{background-color:#141819;margin:0% -0% -0% -0%;padding:2% 0% 27% 0%;}.elementor-5584 .elementor-element.elementor-element-b2fbdf4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:34px;font-weight:300;text-transform:uppercase;color:#FFFFFF;}.elementor-5584 .elementor-element.elementor-element-bee0dd1{--display:flex;--min-height:70vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.29;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5584 .elementor-element.elementor-element-bee0dd1::before, .elementor-5584 .elementor-element.elementor-element-bee0dd1 > .elementor-background-video-container::before, .elementor-5584 .elementor-element.elementor-element-bee0dd1 > .e-con-inner > .elementor-background-video-container::before, .elementor-5584 .elementor-element.elementor-element-bee0dd1 > .elementor-background-slideshow::before, .elementor-5584 .elementor-element.elementor-element-bee0dd1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5584 .elementor-element.elementor-element-bee0dd1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5584 .elementor-element.elementor-element-bee0dd1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5584 .elementor-element.elementor-element-16dd490{width:100%;max-width:100%;grid-column:span 1;}.elementor-5584 .elementor-element.elementor-element-16dd490 > .elementor-widget-container{background-color:#141819;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5584 .elementor-element.elementor-element-16dd490 .ue-image{transition:all 1000ms ease-in-out;}.elementor-5584 .elementor-element.elementor-element-16dd490 .ue-overlay,.elementor-5584 .elementor-element.elementor-element-16dd490 .ue-overlay *{transition:all 1000ms ease-in-out;}.elementor-5584 .elementor-element.elementor-element-16dd490 .ue-button,.elementor-5584 .elementor-element.elementor-element-16dd490 .ue-button *{transition:all 1000ms ease-in-out;}.elementor-5584 .elementor-element.elementor-element-16dd490 .ue-hover-image-video .ue-image{height:80%;object-fit:cover;object-position:center center;}.elementor-5584 .elementor-element.elementor-element-16dd490 .ue-hover-image-video .ue-video{height:80%;}.elementor-5584 .elementor-element.elementor-element-16dd490 .ue-hover-image-video{border-radius:0px 0px 0px 0px;border-style:solid;border-width:0px 1px 0px 1px;border-color:var( --e-global-color-bc26b13 );}.elementor-5584 .elementor-element.elementor-element-37e69d3{width:100%;max-width:100%;z-index:6;text-align:center;}.elementor-5584 .elementor-element.elementor-element-37e69d3 > .elementor-widget-container{background-color:#141819;margin:0% -0% -0% -0%;padding:2% 0% 27% 0%;}.elementor-5584 .elementor-element.elementor-element-37e69d3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:34px;font-weight:300;text-transform:uppercase;color:#FFFFFF;}.elementor-5584 .elementor-element.elementor-element-61ac3e2{--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;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:2;}.elementor-widget-ucaddon_expanding_content_cards .graphic_element_text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_expanding_content_cards .ue_main{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_expanding_content_cards .ue_option:not(.active) .ue_label .ue_main{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_expanding_content_cards .ue_sub{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ucaddon_expanding_content_cards .ue_button{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option:not(.active) .ue_shadow{background-color:#02010161;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option{transition:800ms cubic-bezier(0.05, 0.61, 0.41, 0.95);background-color:#000000;width:60px;background-blend-mode:normal;background-position:center;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_shadow{transition:800ms;opacity:10%;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_options .ue_option.active .ue_label{animation-duration:800ms;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_options{grid-template-columns:1fr;gap:20px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_label{width:500px;gap:1px;flex-direction:column;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option.active{align-items:center;padding:20px 20px 20px 20px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_main,.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_sub{text-align:center;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_label,.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_info > div{align-items:center;justify-content:center;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option:not(.active) .ue_label{flex-direction:column-reverse;align-items:flex-end;gap:10px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option:not(.active){align-items:flex-end;padding:10px 10px 10px 10px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option:not(.active) .ue_label,.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_info > div{justify-content:center;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option,.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option.active{height:400px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option,.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option::after{border-radius:30px 30px 30px 30px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option.active,.elementor-5584 .elementor-element.elementor-element-e2d8934 .active.ue_option::after{border-radius:30px 30px 30px 30px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_main{font-family:"Roboto", Sans-serif;font-weight:400;color:#ffffff;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option.active .ue_main{margin-top:0px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option:not(.active) .ue_label .ue_info .ue_main{transform:rotate(0deg);}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_sub{font-family:"Roboto", Sans-serif;font-weight:400;color:#ffffff;margin-top:0px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_content_link{width:100%;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option.active .ue_info{flex-direction:column;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option:not(.active) .ue_info{flex-direction:column;}body.elementor-page-5584:not(.elementor-motion-effects-element-type-background), body.elementor-page-5584 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141819;}html{height:100vh;margin:0;overflow:hidden;}body{height:100vh;overflow:auto;scroll-snap-type:y mandatory;}:root{--page-title-display:none;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}@media(min-width:768px){.elementor-5584 .elementor-element.elementor-element-add83c4{--width:25%;}.elementor-5584 .elementor-element.elementor-element-81faca5{--width:25%;}.elementor-5584 .elementor-element.elementor-element-b2c40dc{--width:25%;}.elementor-5584 .elementor-element.elementor-element-bee0dd1{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5584 .elementor-element.elementor-element-61ac3e2{--width:100%;}}@media(max-width:1024px){.elementor-5584 .elementor-element.elementor-element-357fee7{--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;--margin-top:1%;--margin-bottom:1%;--margin-left:1%;--margin-right:1%;}.elementor-5584 .elementor-element.elementor-element-61ac3e2{--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;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-5584 .elementor-element.elementor-element-e2d8934{width:100%;max-width:100%;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_options{grid-template-columns:1fr;gap:1px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_label{flex-direction:column;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_label,.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_info > div{align-items:center;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option,.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option.active{height:100vh;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option{width:216px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option,.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option::after{border-radius:0px 0px 0px 0px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option.active,.elementor-5584 .elementor-element.elementor-element-e2d8934 .active.ue_option::after{border-radius:0px 0px 0px 0px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_main{font-size:40px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option.active .ue_main{margin-top:1px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_content_link{width:1px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:767px){.elementor-5584 .elementor-element.elementor-element-ace10ad{grid-column:span 1;grid-row:span 12;}.elementor-5584 .elementor-element.elementor-element-a550fbf{grid-column:span 1;grid-row:span 12;}.elementor-5584 .elementor-element.elementor-element-a6048d5{grid-column:span 1;grid-row:span 12;}.elementor-5584 .elementor-element.elementor-element-16dd490{grid-column:span 1;grid-row:span 12;}.elementor-5584 .elementor-element.elementor-element-61ac3e2{--margin-top:-20%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-5584 .elementor-element.elementor-element-e2d8934{width:100%;max-width:100%;}.elementor-5584 .elementor-element.elementor-element-e2d8934 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_options{grid-template-columns:1fr 1fr 1fr 1fr;gap:1px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_label{width:100%;flex-direction:column;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_label,.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_info > div{align-items:center;justify-content:center;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option,.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option.active{height:100vh;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option{width:10px;background-blend-mode:normal;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option:not(.active){padding:0px 0px 0px 0px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option.active{padding:0px 0px 0px 0px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_main{font-size:30px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option.active .ue_main{margin-top:1px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option:not(.active) .ue_label{gap:1px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_sub{font-size:16px;line-height:1em;letter-spacing:-0.6px;margin-top:4px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_content_link{width:1px;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option.active .ue_info{flex-direction:column;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option:not(.active) .ue_info{flex-direction:column;}.elementor-5584 .elementor-element.elementor-element-e2d8934 .ue_option:not(.active) .ue_shadow{opacity:28%;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}/* Start custom CSS for ucaddon_video_on_hover, class: .elementor-element-ace10ad *//* =======================================================
   ESCRITORIO (> 1024px) - CAPAS FORZADAS
   ======================================================= */
@media screen and (min-width: 1025px) {

    /* 1. ESTRUCTURA GLOBAL */
    html, body {
        margin: 0;
        padding: 0;
        height: 100vh;
        overflow: hidden !important;
    }

    /* 2. FOOTER (PISO 100 - Lo más alto) */
    footer, [data-elementor-type="footer"] {
        position: fixed !important;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 100 !important; 
        background-color: black; 
    }

    /* 3. CONTENEDOR PRINCIPAL */
    .hero-videos {
        height: 100vh !important;
        width: 100%;
        display: flex;       
        align-items: stretch;
    }

    /* 4. COLUMNAS (El Marco) */
    .hero-videos .elementor-column,
    .hero-videos .elementor-widget-wrap {
        height: 100% !important; 
        position: relative !important; /* Necesario para contener lo de dentro */
        display: flex !important;
        padding: 0 !important;
        background: transparent !important;
    }
    
    /* Eliminar cualquier capa que tape */
    .hero-videos .elementor-background-overlay { display: none !important; }

    /* 5. EL VIDEO (PISO 0 - El Suelo/Fondo) */
    .hero-videos .elementor-widget-video {
        position: absolute !important; /* Lo sacamos del flujo */
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        z-index: 0 !important; /* <--- AL FONDO DEL TODO */
        margin: 0 !important;
    }
    
    .hero-videos .elementor-widget-video video,
    .hero-videos .elementor-widget-video img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* 6. BOMBA NUCLEAR PARA TÍTULOS (PISO 50) */
    /* Apuntamos a TODO lo que no sea video dentro de la columna */
    .hero-videos .elementor-widget-text-editor,
    .hero-videos .elementor-widget-heading {
        position: absolute !important; /* Flotante */
        bottom: 80px !important;       /* Separación desde abajo (sube esto si lo tapa el footer) */
        left: 0;
        width: 100%;
        z-index: 50 !important;        /* <--- MUY POR ENCIMA DEL VIDEO */
        
        display: block !important;     /* Forzamos que se muestre */
        visibility: visible !important;
        opacity: 1 !important;
        
        pointer-events: none;          /* El ratón lo atraviesa para activar el video */
        background: transparent !important;
    }

    /* ESTÉTICA DEL TEXTO */
    .hero-videos p {
        color: white !important;
        text-align: center !important;
        font-size: 24px !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        text-shadow: 2px 2px 4px #000000; /* Sombra negra para que se lea */
        margin: 0 !important;
        padding: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c104d41 */.elementor-5584 .elementor-element.elementor-element-c104d41 {
    height: auto;
    flex-shrink: 0; /* Perfecto, esto evita que desaparezca si falta espacio */
    padding: 20px 10px;
    color: #FFFFFF !important;
    display: flex;
    justify-content: center;
    background-color: #141819;
    
    /* AÑADE ESTO */
    width: 100%; 
}/* End custom CSS */
/* Start custom CSS for ucaddon_video_on_hover, class: .elementor-element-a550fbf *//* =======================================================
   ESCRITORIO (> 1024px) - CAPAS FORZADAS
   ======================================================= */
@media screen and (min-width: 1025px) {

    /* 1. ESTRUCTURA GLOBAL */
    html, body {
        margin: 0;
        padding: 0;
        height: 100vh;
        overflow: hidden !important;
    }

    /* 2. FOOTER (PISO 100 - Lo más alto) */
    footer, [data-elementor-type="footer"] {
        position: fixed !important;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 100 !important; 
        background-color: black; 
    }

    /* 3. CONTENEDOR PRINCIPAL */
    .hero-videos {
        height: 100vh !important;
        width: 100%;
        display: flex;       
        align-items: stretch;
    }

    /* 4. COLUMNAS (El Marco) */
    .hero-videos .elementor-column,
    .hero-videos .elementor-widget-wrap {
        height: 100% !important; 
        position: relative !important; /* Necesario para contener lo de dentro */
        display: flex !important;
        padding: 0 !important;
        background: transparent !important;
    }
    
    /* Eliminar cualquier capa que tape */
    .hero-videos .elementor-background-overlay { display: none !important; }

    /* 5. EL VIDEO (PISO 0 - El Suelo/Fondo) */
    .hero-videos .elementor-widget-video {
        position: absolute !important; /* Lo sacamos del flujo */
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        z-index: 0 !important; /* <--- AL FONDO DEL TODO */
        margin: 0 !important;
    }
    
    .hero-videos .elementor-widget-video video,
    .hero-videos .elementor-widget-video img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* 6. BOMBA NUCLEAR PARA TÍTULOS (PISO 50) */
    /* Apuntamos a TODO lo que no sea video dentro de la columna */
    .hero-videos .elementor-widget-text-editor,
    .hero-videos .elementor-widget-heading {
        position: absolute !important; /* Flotante */
        bottom: 80px !important;       /* Separación desde abajo (sube esto si lo tapa el footer) */
        left: 0;
        width: 100%;
        z-index: 50 !important;        /* <--- MUY POR ENCIMA DEL VIDEO */
        
        display: block !important;     /* Forzamos que se muestre */
        visibility: visible !important;
        opacity: 1 !important;
        
        pointer-events: none;          /* El ratón lo atraviesa para activar el video */
        background: transparent !important;
    }

    /* ESTÉTICA DEL TEXTO */
    .hero-videos p {
        color: white !important;
        text-align: center !important;
        font-size: 24px !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        text-shadow: 2px 2px 4px #000000; /* Sombra negra para que se lea */
        margin: 0 !important;
        padding: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-edcd379 */.elementor-5584 .elementor-element.elementor-element-edcd379 {
    height: auto;
    flex-shrink: 0; /* Perfecto, esto evita que desaparezca si falta espacio */
    padding: 20px 10px;
    color: #FFFFFF !important;
    display: flex;
    justify-content: center;
    background-color: #141819;
    
    /* AÑADE ESTO */
    width: 100%; 
}/* End custom CSS */
/* Start custom CSS for ucaddon_video_on_hover, class: .elementor-element-a6048d5 *//* =======================================================
   ESCRITORIO (> 1024px) - CAPAS FORZADAS
   ======================================================= */
@media screen and (min-width: 1025px) {

    /* 1. ESTRUCTURA GLOBAL */
    html, body {
        margin: 0;
        padding: 0;
        height: 100vh;
        overflow: hidden !important;
    }

    /* 2. FOOTER (PISO 100 - Lo más alto) */
    footer, [data-elementor-type="footer"] {
        position: fixed !important;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 100 !important; 
        background-color: black; 
    }

    /* 3. CONTENEDOR PRINCIPAL */
    .hero-videos {
        height: 100vh !important;
        width: 100%;
        display: flex;       
        align-items: stretch;
    }

    /* 4. COLUMNAS (El Marco) */
    .hero-videos .elementor-column,
    .hero-videos .elementor-widget-wrap {
        height: 100% !important; 
        position: relative !important; /* Necesario para contener lo de dentro */
        display: flex !important;
        padding: 0 !important;
        background: transparent !important;
    }
    
    /* Eliminar cualquier capa que tape */
    .hero-videos .elementor-background-overlay { display: none !important; }

    /* 5. EL VIDEO (PISO 0 - El Suelo/Fondo) */
    .hero-videos .elementor-widget-video {
        position: absolute !important; /* Lo sacamos del flujo */
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        z-index: 0 !important; /* <--- AL FONDO DEL TODO */
        margin: 0 !important;
    }
    
    .hero-videos .elementor-widget-video video,
    .hero-videos .elementor-widget-video img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* 6. BOMBA NUCLEAR PARA TÍTULOS (PISO 50) */
    /* Apuntamos a TODO lo que no sea video dentro de la columna */
    .hero-videos .elementor-widget-text-editor,
    .hero-videos .elementor-widget-heading {
        position: absolute !important; /* Flotante */
        bottom: 80px !important;       /* Separación desde abajo (sube esto si lo tapa el footer) */
        left: 0;
        width: 100%;
        z-index: 50 !important;        /* <--- MUY POR ENCIMA DEL VIDEO */
        
        display: block !important;     /* Forzamos que se muestre */
        visibility: visible !important;
        opacity: 1 !important;
        
        pointer-events: none;          /* El ratón lo atraviesa para activar el video */
        background: transparent !important;
    }

    /* ESTÉTICA DEL TEXTO */
    .hero-videos p {
        color: white !important;
        text-align: center !important;
        font-size: 24px !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        text-shadow: 2px 2px 4px #000000; /* Sombra negra para que se lea */
        margin: 0 !important;
        padding: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b2fbdf4 */.elementor-5584 .elementor-element.elementor-element-b2fbdf4 {
    height: auto;
    flex-shrink: 0; /* Perfecto, esto evita que desaparezca si falta espacio */
    padding: 20px 10px;
    color: #FFFFFF !important;
    display: flex;
    justify-content: center;
    background-color: #141819;
    
    /* AÑADE ESTO */
    width: 100%; 
}/* End custom CSS */
/* Start custom CSS for ucaddon_video_on_hover, class: .elementor-element-16dd490 *//* =======================================================
   ESCRITORIO (> 1024px) - CAPAS FORZADAS
   ======================================================= */
@media screen and (min-width: 1025px) {

    /* 1. ESTRUCTURA GLOBAL */
    html, body {
        margin: 0;
        padding: 0;
        height: 100vh;
        overflow: hidden !important;
    }

    /* 2. FOOTER (PISO 100 - Lo más alto) */
    footer, [data-elementor-type="footer"] {
        position: fixed !important;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 100 !important; 
        background-color: black; 
    }

    /* 3. CONTENEDOR PRINCIPAL */
    .hero-videos {
        height: 100vh !important;
        width: 100%;
        display: flex;       
        align-items: stretch;
    }

    /* 4. COLUMNAS (El Marco) */
    .hero-videos .elementor-column,
    .hero-videos .elementor-widget-wrap {
        height: 100% !important; 
        position: relative !important; /* Necesario para contener lo de dentro */
        display: flex !important;
        padding: 0 !important;
        background: transparent !important;
    }
    
    /* Eliminar cualquier capa que tape */
    .hero-videos .elementor-background-overlay { display: none !important; }

    /* 5. EL VIDEO (PISO 0 - El Suelo/Fondo) */
    .hero-videos .elementor-widget-video {
        position: absolute !important; /* Lo sacamos del flujo */
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        z-index: 0 !important; /* <--- AL FONDO DEL TODO */
        margin: 0 !important;
    }
    
    .hero-videos .elementor-widget-video video,
    .hero-videos .elementor-widget-video img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    /* 6. BOMBA NUCLEAR PARA TÍTULOS (PISO 50) */
    /* Apuntamos a TODO lo que no sea video dentro de la columna */
    .hero-videos .elementor-widget-text-editor,
    .hero-videos .elementor-widget-heading {
        position: absolute !important; /* Flotante */
        bottom: 80px !important;       /* Separación desde abajo (sube esto si lo tapa el footer) */
        left: 0;
        width: 100%;
        z-index: 50 !important;        /* <--- MUY POR ENCIMA DEL VIDEO */
        
        display: block !important;     /* Forzamos que se muestre */
        visibility: visible !important;
        opacity: 1 !important;
        
        pointer-events: none;          /* El ratón lo atraviesa para activar el video */
        background: transparent !important;
    }

    /* ESTÉTICA DEL TEXTO */
    .hero-videos p {
        color: white !important;
        text-align: center !important;
        font-size: 24px !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        text-shadow: 2px 2px 4px #000000; /* Sombra negra para que se lea */
        margin: 0 !important;
        padding: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-37e69d3 */.elementor-5584 .elementor-element.elementor-element-37e69d3 {
    height: auto;
    flex-shrink: 0; /* Perfecto, esto evita que desaparezca si falta espacio */
    padding: 20px 10px;
    color: #FFFFFF !important;
    display: flex;
    justify-content: center;
    background-color: #141819;
    
    /* AÑADE ESTO */
    width: 100%; 
}/* End custom CSS */
/* Start custom CSS for ucaddon_expanding_content_cards, class: .elementor-element-e2d8934 *//* LAYOUT MOVIL + TABLET (≤1024px) */
@media (max-width: 1024px) {

  .movil-videos .exp-wrapper {
      height: 100vh;
      overflow: hidden;
  }

  .movil-videos .ue_options.uc-items-wrapper {
      display: flex !important;
      flex-direction: row;
      flex-wrap: nowrap;
      width: 100%;
      height: 100%;
  }

  .movil-videos .ue_options.uc-items-wrapper .ue_option {
      flex: 1 1 0 !important;
      min-width: 0;
      height: 100%;
      overflow: hidden;
      position: relative;
      transition: flex 0.35s ease;
  }

  .movil-videos .ue_options.uc-items-wrapper .ue_option.active {
      flex: 4 1 0 !important;
  }

  .movil-videos .ue_options.uc-items-wrapper .ue_option .ue_shadow,
  .movil-videos .ue_options.uc-items-wrapper .ue_option img,
  .movil-videos .ue_options.uc-items-wrapper .ue_option video {
      width: 100%;
      height: 100% !important;
      object-fit: cover;
      display: block;
  }

  .movil-videos .ue_options.uc-items-wrapper .ue_option .ue_label {
      width: auto;
      height: auto;
  }

 /* Texto en cards abiertas: ¡Subido y liberado para móviles! */
.movil-videos .ue_options.uc-items-wrapper .ue_option.active .ue_label {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 25%; /* Cambiado de 20px a 25% para que suba de golpe */
    transform: none;
    text-align: left;
    white-space: normal;
    z-index: 10; /* Subido a 10 para que el enlace responda al tacto a la primera */
}

/* Opcional: Estilo extra para que el enlace se vea como un botón claro */
.movil-videos .ue_options.uc-items-wrapper .ue_option.active .ue_info .ue_sub a {
    display: inline-block;
    margin-top: 10px;
    color: #ffffff !important;
    text-decoration: underline;
    font-weight: bold;
}

  .movil-videos .ue_options.uc-items-wrapper .ue_option.active .ue_info {
      display: block;
      max-width: 80%;
  }

  .movil-videos .ue_options.uc-items-wrapper .ue_option.active .ue_info .ue_main,
  .movil-videos .ue_options.uc-items-wrapper .ue_option.active .ue_info .ue_sub {
      display: block;
      white-space: normal;
  }

  /* Cerradas: solo mostramos el título principal */
  .movil-videos .ue_options.uc-items-wrapper .ue_option:not(.active) .ue_info {
      display: block;
  }

  .movil-videos .ue_options.uc-items-wrapper .ue_option:not(.active) .ue_info .ue_main {
      display: block;
      white-space: nowrap;
  }

  .movil-videos .ue_options.uc-items-wrapper .ue_option:not(.active) .ue_info .ue_sub {
      display: none;
  }

  /* Colocamos el bloque de título centrado, sin rotar todavía */
  .movil-videos .ue_options.uc-items-wrapper .ue_option:not(.active) .ue_label {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      transform: none;
      text-align: center;
      white-space: nowrap;
      z-index: 5;
  }
}
/* MÓVIL: título cerrado vertical (ajusta el signo según veas) */
@media (max-width: 767px) {
  .movil-videos .ue_options.uc-items-wrapper .ue_option:not(.active) .ue_label {
      transform: rotate(-90deg);
      transform-origin: center center;
  }
}
/* TABLET: título cerrado vertical (mismo giro que móvil) */
@media (min-width: 768px) and (max-width: 1024px) {
  .movil-videos .ue_options.uc-items-wrapper .ue_option:not(.active) .ue_label {
      transform: rotate(-180deg);
      transform-origin: center center;
  }
}/* End custom CSS */
/* Start custom CSS *//* =======================================================
   SOLUCIÓN DEFINITIVA: "TÉCNICA SANDWICH" (CSS GRID)
   Funciona en Escritorio (> 1024px)
   ======================================================= */
@media screen and (min-width: 1025px) {

    /* 1. CONFIGURACIÓN DE PANTALLA Y FOOTER */
    html, body {
        margin: 0; padding: 0; height: 100vh; overflow: hidden !important;
    }
    footer, [data-elementor-type="footer"] {
        position: fixed !important; bottom: 0; left: 0; width: 100%;
        z-index: 999; background-color: black;
    }
    .hero-videos {
        height: 100vh !important; width: 100%;
        display: flex; align-items: stretch; /* Columnas lado a lado */
    }

    /* 2. EL TRUCO DE MAGIA (LA COLUMNA COMO GRID) */
    /* Esto obliga a que el Video y el Texto ocupen EL MISMO SITIO */
    .hero-videos .elementor-widget-wrap {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: 1fr !important;
        height: 100% !important;
        padding: 0 !important;
        background: transparent !important;
    }
    
    /* Eliminar capas rojas molestas */
    .hero-videos .elementor-background-overlay { display: none !important; }

    /* 3. CAPA 1: EL VIDEO (FONDO) */
    .hero-videos .elementor-widget-video {
        grid-column: 1 / -1 !important; /* Ocupa toda la celda */
        grid-row: 1 / -1 !important;    /* Ocupa toda la celda */
        width: 100% !important;
        height: 100% !important;
        z-index: 1 !important;          /* Nivel 1 (Abajo) */
        margin: 0 !important;
    }
    
    /* Estirar el video internamente */
    .hero-videos .elementor-widget-video video,
    .hero-videos .elementor-widget-video img {
        width: 100% !important; height: 100% !important; object-fit: cover !important;
    }

    /* 4. CAPA 2: EL TEXTO (ENCIMA) */
    .hero-videos .elementor-widget-text-editor,
    .hero-videos .elementor-widget-heading {
        grid-column: 1 / -1 !important; /* Ocupa la misma celda que el video */
        grid-row: 1 / -1 !important;    /* Ocupa la misma celda que el video */
        
        z-index: 50 !important;         /* Nivel 50 (Arriba) */
        align-self: end !important;     /* SE PEGA AL SUELO */
        
        margin-bottom: 90px !important; /* Lo subimos un poco para salvar el footer */
        height: auto !important;        /* Que no se estire, solo lo que ocupe el texto */
        pointer-events: none;           /* Deja pasar el clic al video */
        background: transparent !important;
    }

    /* ESTILO DE LETRA */
    .hero-videos p {
        color: white !important;
        text-align: center !important;
        font-size: 24px !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        text-shadow: 2px 2px 10px #000;
        margin: 0 !important;
    }
}/* End custom CSS */